How can I display glyphs on my website using Fontify and Bullet theme?

Store Design
, ,
1

Hi,

I am currently redesigning my Shopify store and I have uploaded custom font using Fontify app. I am using Bullet theme. However, there are glyph styles from the font I want to access on the website but fontify does not display them. Do i need a special css to display glyphs on my theme? Can someone help me with this? Thank you so much!!

2

hello there

you will need to use CSS to display the glyphs from your custom font on your Shopify theme. Here’s how you can do it:

  1. First, make sure that your custom font includes the glyphs that you want to display on your website. You can use a tool like FontForge to check and edit the glyph styles in your font.

  2. Once you have confirmed that your font includes the necessary glyphs, you can use CSS to specify the font-family and unicode-range for the elements that you want to style.

For example, if you want to style the headings on your website with the custom font and include the glyph styles, you can add the following CSS code to your theme:

h1, h2, h3, h4, h5, h6 {
  font-family: 'Your Custom Font', sans-serif;
  unicode-range: U+XXXX-U+XXXX, U+XXXX-U+XXXX;
}

Replace ‘Your Custom Font’ with the name of your custom font, and the U+XXXX codes with the unicode range for the glyphs that you want to include. You can find the unicode range for your glyphs by using a tool like FontForge.

  1. Save your changes and preview your website to see the custom font with the included glyph styles.