Change my web font to one external to shopify

[Theodorescloset]

Hi again!

Does anyone know if I can change my theme font to one that its not in the shopify editor list? It one I downloaded by my own to create my logo and marketing so i think is the best for my pages too

Thank you

[nicotroplent]

Hello, here is a good video on how to do just that https://www.youtube.com/watch?v=EOEjlERh2jU&ab_channel=GlobalBrainTeam.

Essentially you need to:

1. Download the font in woff2 format

2. Upload the file to the asset folder of your theme

3. Add this piece of code to your base.css file

@font-face {
font-family: "NAME OF FONT";
src: url("NAME-OF-FONT-FILE.woff2") format("woff2"),
url("NAME-OF-FONT-FILE.woff") format("woff");
src:url("NAME-OF-FONT-FILE.woff") format("woff");
}

4. Then in the base.css file, add the place where you want the font in your theme (using css selectors). See example below: 

h1, h2, h3, h4, h5, h6, p, span {
  font-family: "FONT NAME"!important;
}

Hope this helps!

[Theodorescloset]

it didn´t work:(

i´ve checked many times if i did something wong but no.

What should i do?

[Victor]

Hi @Theodorescloset,

I'd recommend checking out our developer documentation on adding custom fonts to your theme. You can use third-party hosted fonts using services such as Typekit to add more fonts to your store, but you can also add your own fonts to your Shopify store via the Files section in the admin:

Please give this a try, although please also note that this is deemed an advanced customization and is not something we can do for you directly.