OS X 和 Windows 之间的 Web 字体不匹配



我的个人网站使用Helvetica,它在我的CSS中被定义为字体系列。该网站在所有浏览器上的OS X和iOS上看起来都很好,但是当我在Windows 7机器上查看它时,它似乎没有呈现相同的文本,基本上看起来...坏。

由于我对 Web 字体知之甚少,我希望有人可以解释为什么不同的操作系统在 Web 上呈现字体的方式不同,以及是否有任何代码技巧可以在所有平台上呈现统一的样式。

感谢您的任何帮助。

顺便说一下,这是网站: colm.io

好吧,如果操作系统有Helvetica,浏览器可以显示它,否则,浏览器将根据您的字体系列属性选择其他备份字体。或者你可以看看 https://developers.google.com/fonts/docs/getting_started,这是浏览器自动从谷歌下载字体并仅用于显示,它不会在用户的操作系统上安装字体。

CSS 字体:https://css-tricks.com/snippets/css/using-font-face/

CSS 字体系列:http://www.w3schools.com/cssref/pr_font_font-family.asp

兼容性:http://caniuse.com/#feat=fontface

我个人使用Roboto家族作为网络字体,这是谷歌设计的全新字体,可以在Android,ios,web和OS中使用。

最新更新