0

我使用 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，而且我可以尝试使用代码中的 font squirrel

/* 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 face - 我通过博客 css 应用了它）

我做错了什么，或者这显然是一个无法修复的浏览器渲染问题？

4

1 回答 1

0

尝试使用数字字体粗细值。在 Google webfont 监听中，您可以看到每种样式的正确字体粗细。在 Comfortaa 的情况下，它们是：{font-weight: 300;} 用于书本，{font-weight: 400;} 用于正常和 {font-weight: 700;} 用于粗体。

于 2013-06-07T13:26:55.950 回答