谷歌Webfont在Safari中显示出比Chrome,IE和Firefox更大胆和更大胆的东西

时间:2015-01-27 13:24:48

标签: css google-chrome fonts safari

我似乎遇到了一些人在这里遇到的问题。

这是合约。 http://www.mb-events.de/wordpress/在IE,Chrome和Firefox上呈现出奇妙的效果。但是在Safari上,价格和推荐的信息显示不同,我只是找不到原因。我使用的Google Webfont就是“Cabin'”。我会发布一个并排的比较,但不能因为是新的。

我尝试设置不同的后备字体并进行搜索,而Safari一般不喜欢Google Webfonts。

我的CSS是



.entry, .entry p {
font: 300 15px/1.5em 'Cabin', arial, sans-serif;
}




1 个答案:

答案 0 :(得分:0)

您是否尝试过移动网络字体的堆叠顺序?我总是发现将svg类型添加到堆栈顶部总是有助于保持可读性。

举个例子:

@font-face {
    font-family: 'encode_widelight';
    src: url('encode-sans/encodesanswide-300-light.eot');
    src: url('encode-sans/encodesanswide-300-light.eot?#iefix') format('embedded-opentype'),
         url('encode-sans/encodesanswide-300-light.svg#encode_sans_widelight') format('svg'), /* Place your svg font here */
         url('encode-sans/encodesanswide-300-light.woff') format('woff'),
         url('encode-sans/encodesanswide-300-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

您也可以尝试在css中添加字体平滑:

html {
    -webkit-font-smoothing: antialiased;
}