How do I add a custom font to the Dawn theme from a woff file?

[drocklin]

Hello community!

I am attempting to add a custom font to the Dawn theme.

• I've uploaded a file "MERINGUE.woff2" to the assets folder. 
• I've added the following under the {% style %} syntax in the header of the theme.liquid file:
  

@font-face {
      font-family: "MERINGUE";
      src: url({{"MERINGUE.woff2" | asset_url }}) format("woff2");
}

• I've added the following to the base.css file:

h1, h2, h3, h4 {
    font-family: "MERINGUE" !important;
  }​

Preview of the store here: https://3e72b9-5.myshopify.com/?_ab=0&_fd=0&_sc=1

Thank you. Any help would be much appreciated!

[g33kgirl]

Hi @drocklin 

Upload the font file in the Files section and paste the complete url in src. That should work.

[drocklin]

Hi!

I've already uploaded the file to the assets folder, and don't see a way to grab the resulting URL.

[g33kgirl · Accepted solution]

Upload it to the Files section of your store. Content -> Files

[drocklin]

Thank you!