How do I change the font in my store?

  • 0
  • 1
  • Question
  • Updated 4 years ago
  • Answered
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: Archived

All fonts in BigCommerce are defined in the CSS stylesheets for your template.  You can easily change the font for all or part of your BigCommerce store using the same basic technique.

If you're unfamiliar with using fonts in web pages, you can find a good overview here.

Changing the font for the entire store
1.) Login to your store's control panel.

2.) Click on Design.

designlinky.png

3.) Click on the Template Files tab.

templatetab.png

4.) Scroll down to the Styles folder and click the plus sign next to it.

stylesplus.png

5.) Then find the styles.css file and click Edit to the right of it.

2012-01-18_1114.png

6.) Add the following code to the top of the file:

*{
    font-family:"Times New Roman", Times, serif !important;
}
You'll need to change the fonts in red to match the fonts you'd like your store to use. Please see this article for more information on using fonts on the web.

7.) Click Save.

2012-01-17_1649_001.png

Photo of Drew N

Drew N, Community Manager

  • 257,542 Points 100k badge 2x thumb

Posted 5 years ago

  • 0
  • 1
Photo of Artist101

Artist101

  • 272 Points 250 badge 2x thumb
Two thumbs up - hope the font on my macbook in your library
Photo of Drew N

Drew N, Community Manager

  • 257,406 Points 100k badge 2x thumb
Hi Artist101,

Fonts can be tricky as it depends on if they are on your visitors computer as to if they can see the site and you do.  You generally want to stick with standard fonts to avoid problems, but the store uses a family of fonts, so if your first choice isn't available, then there is a backup.

Thanks

Drew

This conversation is no longer open for comments or replies.