Skip to main content
windata_Marketing
Participant
November 7, 2019
Question

Font is not loaded under iOS

  • November 7, 2019
  • 1 reply
  • 2923 views

Hello, everybody,

 

I have added the Fieldwork font to my website.

 

Firefox, Chrome, Opera, Android, Brave... All browsers display it correctly, except Safari (PC or Mobile).

 

I already tried everything you posted in your "help". Unfortunately unsuccessfully.

 

In the web console of an older Safarie console I get the following message:

"Resource was interpreted as font, but transferred with MIME type application/font-woff."

 

You can follow the behavior at www.konfipay.de/indexnew.asp yourself.

 

The font was integrated via @1552174.

 

Thanks for your feedback.


Niko

This topic has been closed for replies.

1 reply

liz, Adobe Type
Community Manager
Community Manager
November 8, 2019

Hi Niko,

 

I'm sorry that you ran into trouble with this. The fonts are not displaying correctly in Safari because the italic font style isn't set in the website CSS. Some browsers will detect the style from the single font file and automatically apply it, while others (Safari, especially) always need the style to be specified in the CSS.

 

If you add a font-style rule to your CSS anywhere you are using the web fonts, it should start working across all browsers and platforms:

font-style: italic;

 

For the main page headline, for example, you could set the italic style here (in the style.css file):

h2 {
font-family: "fieldwork", sans-serif, Verdana;
font-weight: 600;
font-style: italic;
color:#009EE3;
text-transform: uppercase;
font-weight: lighter;
}

 

Please give that a try, and let us know if you have any other questions,

-- liz

Participant
November 11, 2019

Hello Liz,

 

thanks for your answer. Now it also works in safari. This is completely new to me.

 

Thanks again and have a great week
Niko