1

我在此站点上使用 DINNextLTPro-Medium 字体，并注意到 Safari 6 和 Chrome (mac) 与世界其他地方（Safari 5 mac/win、Chrome win、Firefox win、Opera win.. .)。

以下是带有 Safari 6 的 Mac 上发生的情况：

在此处输入图像描述

在 Safari 5 上获胜：

在此处输入图像描述

这是我的 css 文件中的字体调用：

@import url("//hello.myfonts.net/count/259bc7");
@font-face {
    font-family: 'DINNextLTPro-Medium';
    src:    url('fonts/259BC7_0_0.eot');
    src:    url('fonts/259BC7_0_0.eot?#iefix') format('embedded-opentype'),
            url('fonts/259BC7_0_0.woff') format('woff'),
            url('fonts/259BC7_0_0.ttf') format('truetype')
}

body,input,button,textarea  {
    font-family: DINNextLTPro-Medium, Helvetica, Arial, sans-serif; border:none;
    font-size: 16px; line-height: 24px;
    font-weight: normal;
    font-style: normal; }

这一切都来自 myfonts，它与我习惯的 fontsquirrel 声明非常相似，它以工作得很好而闻名。

问题是，有人对此有所了解吗？我知道很难在不同的浏览器上获得相同的渲染，但在这里，它看起来非常大胆。

编辑#1：这是否是由从 Vimeo（flash）加载的视频引起的？

4

3 回答 3

0

您的@font-face 看起来不错，看不出它在版本 5 中不显示的任何原因。但是，通过谷歌搜索自定义字体 Safari 5 很快就会发现很多人在这个版本的 Safari 上遇到了渲染问题。

奇怪的是，很多人报告此问题是由 Adob​​e Flash 引起的，一种复制方法来查看这是否是问题是在页面加载之前字体是否快速呈现？由于人们仅在页面完全加载后才报告它，因此页面上的快速刷新应该能够复制以查看这是否是问题。

结帐：https ://discussions.apple.com/thread/2458648?start=0&tstart=0

于 2013-02-21T13:32:11.510 回答
0

根据我的经验，我使用的是 Safari 6 + iMac & IE 10 + Windows 7，这主要是由于 Mac 和 Windows 中使用的不同字体渲染技术造成的。我不确定您是否曾经使用过 Mac，或者是否曾经注意到 Mac 和 Windows 之间的不同字体渲染。Mac 中的字符看起来更平滑且有点模糊，而在 Windows 中它们看起来很清晰。

除此之外，您可以尝试在 Windows 中调整 ClearType（控制面板/外观和个性化/显示/调整 ClearType 文本）和 Mac 中的字体平滑（设置/常规）。您也可以使用终端来调整字体的渲染程度。

defaults -currentHost write -globalDomain AppleFontSmoothing -int 2

-int 1 比 -int 2 轻

有关差异的更多信息，请阅读这篇~文章~

于 2013-02-22T04:07:38.323 回答
0

似乎我在多次搜索后通过 css 找到了修复：

html {-webkit-font-smoothing: antialiased}

于 2013-04-03T13:06:18.983 回答