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) ;
}
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.
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.
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.
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With