Adding Fonts and Icons to SuiteCommerce and SCA

in , August 22nd, 2024
flat-lay photography of stamp lot
Need a refresher on the differences between SuiteCommerce and SCA? Check out this comparison article on SuiteCommerce (Standard) vs. SuiteCommerce Advanced!

Adding Fonts/Icons to SuiteCommerce (Standard)

Adding fun new fonts and icons to your SuiteCommerce page is quite simple. Follow these steps, and you will be able to fine-tune your website theme by adding aesthetic fonts and icons.

Add this script in Site Management Tools (SMT):

<head>
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css' rel="stylesheet">
</head>
2. Find FontAwesome icons here: Font Awesome 
3. Use this format to insert icons into a Theme or in SMT:
<i class="fas fa-users fa-3x"></i>

Now, you can use the best fonts and your favorite icons to compliment your SuiteCommerce website theme and improve your user experience.

Using Custom Typeface on a SuiteCommerce Advanced Site

Implementing a custom typeface on a SuiteCommerce Advanced (SCA) site can also be done in just a few steps.

Step 1: Find a typeface on Google Fonts and generate the @import tag for the desired weights.

Step 2: Import the font family within the _typography.css file.

Step 3: Change the $sc-font-family and $sc-font-family-secondary classes to match the imported fonts.

Step 4: Define the imported weights with the given classes like this:

You can now use a custom typeface on your SCA site to customize your website further!

Get stuck in a step during this article?

We like to update our blogs and articles to make sure they help resolve any troubleshooting difficulties you are having. Sometimes, there is a related feature to enable or field to fill out that we miss during the instructions. If this article didn't help you, please use the chat and let us know so that we can update it!


Oracle NetSuite Alliance Partner & Commerce Partner

If you have general questions about SuiteCommerce or more specific questions about how our team can support your business as you implement NetSuite or SuiteCommerce, feel free to contact us anytime. Anchor Group is a certified Oracle NetSuite Alliance Partner and Commerce Partner equipped to handle all kinds of NetSuite and SuiteCommerce projects, large or small!

We are a premium SuiteCommerce agency that creates powerful customer portals. Unlike our competitors, we have already solved your problems.


FREE SuiteCommerce Book for Continued Learning!

Want a free paperback copy of this NetSuite e-commerce book? We even pay for shipping... Order the free SuiteCommerce book today!

 
 

Want to keep learning?

Our team of NetSuite professionals has written articles on a wide variety of NetSuite topics, from SuiteCommerce tips, to recommended NetSuite solutions, to available support services, and more! 

Your cart