Simple Question: Adding a custom Font

Solved
liferingsplus
Excursionist
46 0 11

I am trying to add the custom font Monsterrat as all the text in my store. I do not know how to could somebody direct me as how to do so? I appreciate the help very much! liferingsplus.com is my url. The link to the google font is Font 

KetanKumar
Shopify Partner
20459 2116 7715

This is an accepted solution.

@liferingsplus 

Welcome to the Shopify community!
and Thanks for your Good question.

Yes, you can do easy to upload your custom font

1. Go to Online Store->Theme->Edit code
2.Asset->/theme.scss.liquid->upload your custom font all font tyep = TTF, OTF, WOFF, WOFF2, SVG
3. Asset->/theme.scss.liquid->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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
liferingsplus
Excursionist
46 0 11

Where do I find the TTF, OTF, WOFF, WOFF2, SVG files for the font? How do I upload those into the document? Thank you! Also what do I have to change in the name?

0 Likes
KetanKumar
Shopify Partner
20459 2116 7715

@liferingsplus 

if you don't download please add this google link

https://fonts.google.com/specimen/Montserrat

or maybe your theme allows to choose font please check your theme customization option

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
liferingsplus
Excursionist
46 0 11

Thank you where do I add this link and where do I download to?

0 Likes
liferingsplus
Excursionist
46 0 11

I have tried doing all this and it still will not work, is there anyway I can give you access and would you be willing to do this?

0 Likes
KetanKumar
Shopify Partner
20459 2116 7715

@liferingsplus 

are a check on theme customization options on how to change the font?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
liferingsplus
Excursionist
46 0 11

Yes I checked and there was nothing there, the font has to be added via code. Could I give you access to my store and would you be willing to do it? I have tried so many things and nothing has worked.

KetanKumar
Shopify Partner
20459 2116 7715

@liferingsplus 

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Lucy97
Tourist
5 0 2

Hi there,

I was wondering if you'd be able to help me with a similar issue - I'm trying to add Google Font 'Londrina Solid - Regular 400'  to my website but having looked on various forums and attempting to follow their steps, I am still really struggling to add this font to my site.

Do you think you could help me?

Thanks so much,

Lucy