Question

我使用google“Comfortaa”字体作为此代码的博客

<link href='http://fonts.googleapis.com/css?family=Comfortaa&subset=greek,latin' rel='stylesheet' type='text/css'>

然而，字体（以及其他字体）在mac Firefox上更加大胆地显示（在Chrome mac / win firefox win等上显示正常）

我将所有的em改为px只是为了确定，加上我虽然我可以尝试使用代码字体松鼠

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 2, 2012 */



@font-face {
    font-family: 'comfortaabold';
    src: url('comfortaa-bold-webfont.eot');
    src: url('comfortaa-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('comfortaa-bold-webfont.woff') format('woff'),
         url('comfortaa-bold-webfont.ttf') format('truetype'),
         url('comfortaa-bold-webfont.svg#comfortaabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'comfortaalight';
    src: url('comfortaa-light-webfont.eot');
    src: url('comfortaa-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('comfortaa-light-webfont.woff') format('woff'),
         url('comfortaa-light-webfont.ttf') format('truetype'),
         url('comfortaa-light-webfont.svg#comfortaalight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'comfortaaregular';
    src: url('comfortaa-regular-webfont.eot');
    src: url('comfortaa-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('comfortaa-regular-webfont.woff') format('woff'),
         url('comfortaa-regular-webfont.ttf') format('truetype'),
         url('comfortaa-regular-webfont.svg#comfortaaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

问题仍然存在。（我不确定在哪里放@font面 - 我通过博客css应用它）

我做错了什么，或者这显然是一个无法解决的浏览器呈现问题？

Answer 1

尝试使用数字字体粗细值。在Google webfont中，您可以看到每种样式的正确字体粗细。在Comfortaa的情况下，这些是：{font-weight：300;}用于book，{font-weight：400;}用于normal，{font-weight：700;}用于粗体。

Webfont以不同方式加载跨浏览器（mac firefox问题）

1 个答案: