How can I add multiple custom fonts to my website?

[tlazytboutique]

I am looking to add my custom fonts to my site. I am able to get one of them on there with this code:

<style>
@font-face {
font-family: "Farmhouse";
src: url( FILE URL) format("opentype"),
url(FILE URL) format("woff"),
}
h1, h2, h3, h4, h5 {
font-family: "Farmhouse" !important;
}
</style>

However,

I would like to add additional custom fonts to use for other parts of my site. Is this possible?

[Perennial]

hi,

see this vedio

https://www.youtube.com/watch?v=bjkMxZ98JYI

i hope solve a Problem

if any Query let m know

Thanks

[DelightCart]

@tlazytboutique 

1. go to Online Store > Themes > next to the theme you want to edit click Actions > Edit Code. In the sidebar choose Assets > theme.scss.liquid. Scroll to the bottom of the file and paste the following code…

@font-face {
font-family: "Farmhouse";
src: url( FILE URL) format("opentype"),
url(FILE URL) format("woff"),
}

2. Go to the Assets folder and click Add a new asset. Upload each version of the font file one by one.

3. Now that the font is installed

[tlazytboutique]

I think maybe the rest of your answers didnt upload. I am able to get one font to change however, I am wanting to change different headings/body to different fonts than others as custom fonts as well.

[Minakshi15]

Hi @tlazytboutique 

Please add your font files in file section go to admit--settings--file upload all the font file in file section please add this css in your custome/base.css in top

@font-face {
  font-family: "Fashionable";  
  src: url("font_URL") format("woff2"),// copy the font link in file section and past here 
  url("font_URL") format("woff"); 
  }

[gr_trading]

Hi @tlazytboutique ,

Please refer the video below to add fonts in Shopify store's font settings to implement.

[EMW58LC]

So honestly for what people pay to shopify, why in the heck would there not already be thousands of fonts already loaded and available?