Shopify themes, liquid, logos, and UX
Hi!
Looking for an answer as how to add a Google Font to either of the themes Express, Dawn and/or Debut?
The font in question is DM Sans – https://fonts.google.com/specimen/DM+Sans
Thank you!
you can't I dont believe
you can try this way
Yes, you can do easy to upload your custom font
1. Go to Online Store->Theme->Edit code
2.Asset->/theme.scss.liquid- or theme.css>upload your custom font all font tyep = TTF, OTF, WOFF, WOFF2, SVG
3. Asset->/theme.scss.liquid- or theme.css>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;
}
Hi @KetanKumar
Can you help me? I added this code but it didn't work on my Dawn theme, I'm trying to add the custom font only to headings and my font is on OTF format.
Hope you can help me.
Carolina
custom font all font tyep = TTF, OTF, WOFF, WOFF2, SVG
also share store url
Hi @KetanKumar
Of course this is my store url:
Password: futsoh
I'm trying to add Allegory.otf only to headings.
Thank you!! really hope you can help.
Carolina
sorry but i can't see this
custom font all font tyep = TTF, OTF, WOFF, WOFF2, SVG
you have convert your font please
https://www.fontsquirrel.com/tools/webfont-generator
Hi @LaseMakers,
I helped you to solve at the post: https://community.shopify.com/c/shopify-design/add-custom-font-to-heading-on-dawn-theme/m-p/1367222
Please check it.
Hello,
I tried to add custom fonts to my Express theme (v 1.15.1) following forum's advices but still no success.
So far as i understood :
1. Assets > theme.min.css file here i can do some customisation except adding new fonts.
The code below didn't work for me at all
@font-face {
font-family: "Font name";
src: url({{ [font-file-name] | asset_url }}) format("[font-format]");
}
2. snippets > css-variables.liquid the only place where i can add my custom fonts. By reading liquid dev docs I can't find the right piece of code for it. Shopify can only propose an access to its own library (font_picker).
I would really appreciate if someone can help to solve this task.
thank you in advance.
sorry font_picker doesn't allow to list
Basically there is no solution?
no sorry
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024