Google Font Not Working on Safari

Google Font not working on Safari

For some odd reason I have experience this on some web fonts from Google...when this has happened I usually get them to my server and/or convert them in fontsquirrel....Safari should be able to take TTF Files no matter what ver:

Nunito TTF ver

Roboto font not working in Safari or Mobile browsers after deployment on Netlify

If the above solution did not work:

Try downloading the font font instead of importing the font this might work ( procedure mentioned below in 3rd point ).
Some other things you should check is in this SO question: A related question from Stack Overflow

You should also include font-weight and font-style properties(worked for some)

It should look something like this:

font-family: 'Roboto Sans', sans-serif;
font-weight:900;
font-style:italic;

If you are importing the font font in the css file like this:

 @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap')

then change it and import it in the html file in the <head> tag or just
follow the code:

<head>
 <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" 
  rel="stylesheet">
</head>

If all of the above fails then download the font from google fonts and do this in your
root css file

 @font-face {
 font-family: 'Font_name';
 font-style: normal;
 font-weight: normal;
 src: local('Font_name'), url('Font_name.woff') 
 format('woff');
 }

*{
  font-family: Font_name
 }

After downloading the font from google fonts do not forget to move the .woff
files to project directory else its
not going to work
I tested it out on app.lambdatest.com and it worked well and the screen shot
of the result is here:

Sample Image

Google Font doesn't load in Safari

Font is inside /hu folder

Instead of:

../fonts/inconsolata-v18-latin-regular.ttf

Use:

 ../hu/fonts/inconsolata-v18-latin-regular.ttf

Google Font Not Working on Safari