How can I upload a custom font to Dawn theme 5.0.0?

Store Design
1

Hi,

How do I upload my custom font (bold, italic, and light) to Dawn theme 5.0.0, is this possible? Here is my url

www.protectyourtail.com

Thanks!

2 Likes
2

Hello @Anon5 ,

Shopify has almost all the fonts, you need to change from the setting.
Themes-> Customize->Theme Settings (Bottom Of Page) → Typography

Hopefully that helps.

3

@Anon5

Hi,
Welcome to Shopify Community, you can try this link.

https://ecomexperts.io/blogs/liquid-tutorial-shopify/shopify-font

Let me know if you need any more help.

Thank you.

4

Hello @Anon5 ,

You can refer to the below solutions to add a custom font to the dawn theme.

Changing Font Using Google Font Links

  • Open theme code editor
  • Go to the layout folder
  • Open the theme.liquid file in the head section
  • link the font that you want to use
  • For Example, using a google font:-
  • After adding the link open the asset folder
  • Open the base.css file and add this line of code at the bottom and save the file.

.site-header__logo{

font-family: ‘Smooch’;

}

You can also change the font using a ttf File.

Changing Font using ttf File

  • To Add Custom Fonts In Dawn Theme.
  • Download the Webfont version of your font.
  • The font files must include at least the WOFF and WOFF2 file types
  • On your Shopify Admin go to Online Store and click on themes
  • You will have an action button in the Dawn theme,
  • Click on Actions > Edit Code.
  • After adding the file go to the theme.css at the bottom
  • Add this below-provided code in base.css

@font-face {

font-family: “custom-font”; //here you can add any name

src: url(“Fascinate-Regular.ttf”) format(“woff2”);

}

.site-header__logo{

font-family: “custom-font”;

}

  • Refer to the below image :

Cedcommerce_0-1657026012117.png
Cedcommerce_0-1657026012117.png300×132 20.6 KB

Hope your problem gets solved. Let us know if you have any other issues.

All the best,

Team CedCommerce

5

Jigar, that is not what the OP asked.