Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Why won't Opera (11.00) display custom (@font-face) fonts?

@font-face {
    font-family: 'PFDinMonoBold';
    src: url('pfdinmono-bold-webfont.eot');
    src: local('☺'),
        url('pfdinmono-bold-webfont.woff') format('woff'),
        url('pfdinmono-bold-webfont.ttf') format('truetype'),
        url('pfdinmono-bold-webfont.otf') format('opentype'),
        url('pfdinmono-bold-webfont.svg#webfontS2rh8Zow') format('svg');
    font-weight: normal;
    font-style: normal;
}

made it with the font squirrel generator.

By the way, custom fonts are not shown on the squirrel web either

What could be the problem?

P.S font work fine in ff,chrome,ie

like image 267
Alexey Avatar asked Jan 20 '23 17:01

Alexey


1 Answers

You have to use double quotes for font family name.

@font-face {
font-family: "PFDinMonoBold";
src: url('pfdinmono-bold-webfont.eot');
src: local('☺'),
    url('pfdinmono-bold-webfont.woff') format('woff'),
    url('pfdinmono-bold-webfont.ttf') format('truetype'),
    url('pfdinmono-bold-webfont.otf') format('opentype'),
    url('pfdinmono-bold-webfont.svg#webfontS2rh8Zow') format('svg');
font-weight: normal;
font-style: normal;
}
like image 79
appolo Avatar answered Feb 11 '23 09:02

appolo