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

问题:

@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

回答1:

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;
}