I am using shopify dawn theme, and want to change the font of overall website. Please help me out with it.
1 Like
@Shivani3 Please let me know if this is a custom font or inbuilt font.?
@Shivani3 you want custom font can you try this code
- Go to Online Store->Theme->Edit code
2.Asset-> upload your custom font all font tyep = TTF, OTF, WOFF, WOFF2, SVG - 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
Dear @Shivani3 ,
I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!
Step 1: Go to Admin → Online store → Theme > Edit code:
Step 2: Search for the file base.css, theme.css, styles.css or theme.scss.liquid. And add this code snippet to the file.
/* Example: Applying a Google Font called 'Roboto' */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
body {
font-family: 'Roboto', sans-serif;
}
In this step, you can add font-family which you want in your theme.
In my example, I add Roboto font in .
Step 3: Save your code and reload this page.
I hope these instructions will help you. If they are helpful, don’t forget to like and mark as the solution.
Have a nice day sir!
Hello @Shivani3
Follow these Steps:
- Go to Online Store
- Customize open
- Theme Settings in Typography
- Change Font
Thank you, It worked.
1 Like