css - 如何修复不同浏览器中的字体渲染?

标签 css fonts cross-browser

<分区>

我有一个奇怪的问题:具有相同自定义字体的文本的同一部分在所有浏览器中看起来都不一样。您可以从页面 http://staceydogs.ru/about 查看一些文本示例这个:https://yadi.sk/d/YjWXPSZHZ8qBH (Safari 示例很好,Chrome 渲染字体不正确)。

如何修复浏览器字体渲染的行为?

最佳答案

尝试在定义字体系列的任何地方添加 -webkit-font-smoothing: antialiased;。我没有苹果电脑,所以无法为您测试,但我相信这对您有用。

关于css - 如何修复不同浏览器中的字体渲染?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25145987/

上一篇:javascript - drawImage() 按顺序 Canvas 并维护顺序

下一篇:html - 前缀和分类一切

相关文章:

jquery - Materialize CSS - Sidenav 覆盖覆盖所有页面

jquery - 带有 CSS 或 jQuery 的非常宽的薄花括号

html - 悬停样式似乎只适用于 li 内容的一部分。

jquery - 如何检测同一个文件的输入类型=文件 "change"?

arrays - 使用数组排序重新排列 vue 中的元素在移动设备上不起作用?

css - css选择器中的>和空格有什么区别

html - 带有文本和文本图标的样式选项标签

ios - 字体在 iOS 中没有字距调整

java - Font.canDisplay 在 mac 上总是返回 true

jquery - 如何在 IE7 中将 <li> 的宽度拉伸(stretch)到父 <ul> 中的可用空间?