Custom font renders fine on desktop browsers, but NOT on iPhone. How to fix?

Store Design
, ,
4

Someone solved my answer in another thread. The solution was to run the font file through a free online convertor, and upload additional formats (eot, svg, and ttf). The font loads properly now on mobile.

For anyone looking for this solution in the future, here is the CSS I used –

@font-face {
font-family: “KasseUltraFLF”;
src: url(./KasseUltraFLF.eot);
src: url(./KasseUltraFLF.eot?#iefix) format(“embedded-opentype”),
url(./KasseUltraFLF.otf) format(“otf”),
url(./KasseUltraFLF.svg#KasseUltraFLF) format(“svg”),
url(./KasseUltraFLF.ttf) format(“truetype”);
}