Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Font Face not working completely in Safari

I am using the Font Face Property and I have tested it in Firefox, Chrome and Opera...it works fine. however when I try it in safari and explorer it only works on one line and not the other

here is the css :

 @font-face { 
     font-family: font2;
     src:url(../fonts/Artbrush.TTF) ;
 } 

@font-face { 
    font-family: font1;
    src :url(../fonts/playbiln.TTF) ;
}
like image 668
Anastasiou Design Avatar asked Jul 10 '14 14:07

Anastasiou Design


People also ask

Why does my safari font look different?

Browser Default Settings: For instance, Safari and Chrome have different default fonts, which means the font on your site changes when viewed in these browsers. For example, Safari defaults to the Helvetica family and Microsoft's Internet Explorer defaults to the Arial font family.

What font format does Safari use?

Fonts are provided in WOFF and WOFF2 format, which collectively cover all major browsers: Chrome (on desktop and iOS/Android), Firefox, Safari (on Mac and iOS), Internet Explorer, Edge, and others.

Does Safari support TTF?

TTF/OTF - TrueType and OpenType font support is Fully Supported on Safari 8, which means that any user who'd be accessing your page through Safari 8 can see it perfectly.


1 Answers

changing font-style: italic; in my @fontface declarations in the css file to (even though what was being used was an italic, oblique font) font-style: normal;... on the italic fonts mind you...

Safari now displays them fine and it doesn't seem to break other browsers for this mismatched work-around.

like image 153
brian Avatar answered Sep 28 '22 06:09

brian