我的个人网站使用 Helvetica，它在我的 CSS 中定义为字体系列。该网站在所有浏览器上的 OS X 和 iOS 上看起来都很好，但是当我在我的 Windows 7 机器上查看它时，它似乎并没有呈现相同的文本，基本上看起来......很糟糕。
由于我对网络字体知之甚少，我希望有人能解释为什么不同的操作系统在网络上呈现不同的字体，是否有任何代码技巧可以在所有平台上呈现统一的样式。
感谢您的帮助。
顺便说一下，这里是网站：colm.io
【问题讨论】：
标签： css windows macos web fonts
好吧，如果操作系统有 Helvetica，浏览器可以显示，否则，浏览器会根据你的 font-family 属性选择其他备用字体。或者你可以看看https://developers.google.com/fonts/docs/getting_started，这是浏览器自动从google下载字体并仅用于显示，它不会在用户的操作系统上安装字体。
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家族的webfonts，这是google设计的全新字体，可以在android、ios、web和OS中使用。
【讨论】：