CODEWITHSUNDEEP
cssfirefoxfont-face
YellowSmurf
YellowSmurf

Reputation: 227

Font-face not working for firefox or on mobile phones?

I've included some fonts in my css like this

@font-face {
font-family: 'veneer';
src: url('/fonts/Veneer_10.eot');
src: url('/fonts/Veneer_10.eot?#iefix') format ('embedded-opentype'),
     url('/fonts/Veneer_10.ttf') format ('truetype'),
     url('/fonts/Veneer_10.otf') format ('opentype');

}

This works fine for chrome and safari, but not for firefox or on mobiles (tested on android browser and chrome)

Anybody know why this could be?

Upvotes: 0

Views: 799

Answers (1)

Alex
Alex

Reputation: 29

Format woff, otf try: Example

@font-face {
    font-family: "MyriadPro Light";
    src: url(/css/fonts/MyriadPro-Light.woff), url(/css/fonts/MyriadPro-Light.otf);
    font-weight: normal;
    font-style: normal;    
}

Upvotes: 2

Related Questions