Hi everyone,
website: celen.co.uk
I am using a purchased theme template. I have uploaded a custom font with the right format onto the Asset folder and have applied the below code:
@font-face {
font-family: ‘Flat_Level_Light’;
src: url(‘{{ ‘Flat_Level_Light.eot?’ | asset_url }}’);
src: url(‘{{ ‘Flat_Level_Light.eot??#iefix’ | asset_url }}’) format(‘embedded-opentype’),
url(‘{{ ‘Flat_Level_Light.woff’ | asset_url }}’) format(‘woff’),
url(‘{{ ‘Flat_Level_Light.ttf’ | asset_url }}’) format(‘truetype’),
url(‘{{ ‘Flat_Level_Light.svg#Flat_Level_Light’ | asset_url }}’) format(‘svg’);
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}
However, the font only displays on a PC and not on the mobile version. I have tried various different bits of code which worked for others but for some reason it’s not working for me.
Thank you in advance for your help.
