Solved

My Font Is Showing Code Where Characters Should Be - HELP!

laurenamberreyn
Tourist
19 0 3

Please can anyone help? I have used the below code which means the font works outside of preview and online but sadly anytime I use a character it does not show and shows ''kk''. rather than ''%'' for example.  ( See ref attached).

 

The code is below is currently in theme liquid

 

    </script>
 
    {%- if settings.predictive_search_enabled -%}
      <script src="{{ 'predictive-search.js' | asset_url }}" defer="defer"></script>
    {%- endif -%}
  </body>
</html>
<style>
 @font-face {
font-family: 'SergioTrendy-Regular';
}
 
<style>

laurenamberreyn_0-1703949315758.png

 

 

Accepted Solution (1)

PaulNewton
Shopify Partner
6274 572 1311

This is an accepted solution.

Keep html nested inside the <html></html> and <body></body> tags

Then try again.

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org


View solution in original post

Replies 4 (4)

PaulNewton
Shopify Partner
6274 572 1311

This is an accepted solution.

Keep html nested inside the <html></html> and <body></body> tags

Then try again.

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org


laurenamberreyn
Tourist
19 0 3
That worked!!! Thank you so so much 
 
   
laurenamberreyn
Tourist
19 0 3

Hi Paul, 

 

Currently my custom font ''Sergio Trendy'' seems to apply to headings and body copy.  Do you know how I change this so I have normal font for Body Copy - not Sergio Trendy? 

 

Thank you!! Lauren 

laurenamberreyn
Tourist
19 0 3
      };
    </script>
 
    {%- if settings.predictive_search_enabled -%}
      <script src="{{ 'predictive-search.js' | asset_url }}" defer="defer"></script>   
</html>
<style>
    {%- endif -%}
</html>
<style>
 @font-face {
font-family: 'SergioTrendy-Regular';
}