How can I add a custom font to my store name only?

[Faith26]

I want to add a custom font to only my Store Name. When I do it with the typography tab it changes all text, but I want to only change the Store Name thats in the Header. Help would be appreciated.

Thank you!

[GemPages]

Hello @Faith26 ,

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

[KetanKumar]

@Faith26

yes, you can do this easy to manage code

Yes, you can do easy to upload your custom font

1. Go to Online Store->Theme->Edit code
   2.Asset->/your css file->upload your custom font all font tyep = TTF, OTF, WOFF, WOFF2, SVG
2. Asset->/your css file->paste below code at the bottom of the file.

@font-face {
font-family: 'Montserrat-Regular';
src: url('{{ 'Montserrat-Regular.eot?' | asset_url }}');
src: url('{{ 'Montserrat-Regular.eot??#iefix' | asset_url }}') format('embedded-opentype'),
url('{{ 'Montserrat-Regular.woff' | asset_url }}') format('woff'),
url('{{ 'Montserrat-Regular.ttf' | asset_url }}') format('truetype'),
url('{{ 'Montserrat-Regular.svg#Montserrat-Regular' | asset_url }}') format('svg');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}

can you please just change font name, for example, Montserrat-Regular to your custom font name

[Faith26]

https://astrological-aesthetics.myshopify.com/

password: “shiest”

[Faith26]

@KetanKumar

This doesn’t work, I put this at the end of the header:

and it shows this: