Hello team, As i upload a custom font and make a separate section for it. but the font not display on mobile devices, (displaying by fall back font-family).
Kindly help me to display same font on desktop and mobile device browsers. you can check screenshots so you have better idea. Waiting for your comments.
1 Like
oh sorry for that issue bt you have missing font type
upload your custom font all font tyep = TTF, OTF, WOFF, WOFF2, SVG
Hello Ketan bhai, Thank you for your valuable comment.
As i tried, TTF is unrecognizable by the asset library, only Woff2/woff accept by the system and working only on desktop chrome browser. (not on mobile device)
Could you please check the @Face type code syntax (embedded in theme.css) so i’ll be assure that this part is good. rest i’ll try OTF and SVG formats.
and will let you know.
@font-face {
font-family: "Tangerine";
src: url({{"Tangerine_Bold.woff2" | asset_url }}) format("woff2"), url({{"Tangerine_Bold.woff" | asset_url }}) format("woff");
}
Thanks again.