Custom Font Help

Highlighted
New Member
1 0 0

Hi Guys I followed an online tutorial https://support.weareunderground.com/article/272-how-do-i-add-a-custom-font-to-my-theme

 

When I am in customise mode in the theme it works just fine. But when I share the preview with other people and on my own phone the font changes and does not work.

 

This is the code I used. Sorry I'm a noob Thanks in advance 

 

@font-face {

  font-family: "BLACKOUTAM";

  src: url("blackout_two_am-webfont.woff2") format("woff2"),

       url("blackouttwoam-webfont.woff") format("woff");

 

}  

h1,.product-title-row { font-family: "BLACKOUTAM" !important; }

}

@font-face {

  font-family: "BLACKOUT";

  src: url("blackoutmidnight-webfont.woff2") format("woff2"),

       url("blackout_midnight-webfont.woff") format("woff");

 

}  

.main-nav .nav-item .nav-item-link { font-family: "BLACKOUT" !important; }

 

}

@font-face {

  font-family: "BLACKOUT";

  src: url("blackoutmidnight-webfont.woff2") format("woff2"),

       url("blackout_midnight-webfont.woff") format("woff");

 

}  

.product-block .ft .title { font-family: "BLACKOUT" !important; }

 

}

@font-face {

  font-family: "BLACKOUT";

  src: url("blackoutmidnight-webfont.woff2") format("woff2"),

       url("blackout_midnight-webfont.woff") format("woff");

 

}  

h2, .product-block .price .amount, .h2 { font-family: "BLACKOUT" !important; }

 

}

@font-face {

  font-family: "BLACKOUT";

  src: url("blackoutmidnight-webfont.woff2") format("woff2"),

       url("blackout_midnight-webfont.woff") format("woff");

 

}  

.page-footer { font-family: "BLACKOUT" !important; }

 

}

@font-face {

  font-family: "BLACKOUT";

  src: url("blackoutmidnight-webfont.woff2") format("woff2"),

       url("blackout_midnight-webfont.woff") format("woff");

 

}  

.search-form input { font-family: "BLACKOUT" !important; }

 

}

@font-face {

  font-family: "BLACKOUT";

  src: url("blackoutmidnight-webfont.woff2") format("woff2"),

       url("blackout_midnight-webfont.woff") format("woff");

 

}  

.nav-item.drop-uber .sub-nav-list .sub-nav-item-title { font-family: "BLACKOUT" !important; }

0 Likes