Css 在电脑的chrome中使用哪种字体文件类型是正确的？

我原以为是

.ttf

文件，但我的图标字体在PC和Mac上的显示方式存在巨大差异

它们在Mac Chrome（版本30.0.1599.101）上完美呈现

但在个人电脑Chrome（30.0.1599.101 m版）上表现糟糕

浏览器在Mac和PC之间使用的渲染引擎是否略有不同？如果是这样的话，在电脑的Chrome浏览器中，哪种文件类型呈现得最好

---

对于这个项目，我不关心Chrome 3支持的OTF和TTF字体中的其他浏览器，但默认情况下，您不必执行命令行切换来启用它。

.svg

将在所有版本的Chrome中工作

---

在字体上查看此页面：

Chrome 3支持OTF和TTF字体，但默认情况下，您不必执行命令行切换来启用它。

.svg

将在所有版本的Chrome中工作

---

在字体上查看此页面：

我强烈怀疑其他文件类型是否对您有所帮助。影响字体渲染的因素还有很多，windows上的chrome通常不能很好地渲染字体。这也是字体本身在不同环境下设计得不好的一个问题。无论如何，我期待着这个问题的答案+1我强烈怀疑另一种文件类型是否对您有所帮助。影响字体渲染的因素还有很多，windows上的chrome通常不能很好地渲染字体。这也是字体本身在不同环境下设计得不好的一个问题。无论如何，我期待着这个问题的答案+1

.svg

看起来似乎效果更好，尽管可能是我盯着屏幕看了几个小时+1只需将两者并排加载以进行比较，如果比较清楚，我将提供一些屏幕截图并接受您的答案…并排比较中没有明显差异，即使字体大小大/小得多，我仍会坚持使用

.svg

与较旧版本的chrome兼容，目前

。svg

看起来可能会更好，尽管可能是我盯着屏幕看了几个小时+1只需将两者并排加载以进行比较，如果比较清楚，我将提供一些屏幕截图并接受您的回答……并排比较没有明显区别，即使字体大小大/小，我现在仍将使用

.svg

，以便与旧版本的chrome兼容