Chrome 的字体平滑问题
人们对 Google Chrome 中缺乏适当的字体平滑表示担忧,特别是对于尺寸较小的 Google 网络字体。尽管寻找解决方案,许多人直到最近都遇到了不成功的尝试。
当前状态(2014 年 6 月)
随着 Chrome 37 的发布,该问题已得到解决。比较图展示了 Chrome 37 与之前的稳定版本 Chrome 35 之间字体渲染的显着改进。
过去的状态(2013 年 12 月)
字体加载方法:
- @import,
解决方法:
- 自托管字体:在具体顺序可以解决问题。
- 使用TTF/OTF字体:几乎支持所有浏览器。
其他因素:
- Google Chrome 开发团队正在积极解决该问题,并不断更改渲染效果
复制品:
展示 Chrome 29 中问题的示例说明了与 Firefox 相比,渲染质量的显着差异。
解决方案:
临时解决方法包括应用CSS 属性:
- -webkit-text-行程: 要提高平滑度,请添加值 0.Xpx。
- Text-shadow: 添加假阴影以增强效果
注意:随着 Chrome 更新中问题的解决,这些解决方法可能会过时。
其他信息:
- 访问作者的博客以获取更多更新
- 请关注 Google Chrome 官方错误报告的响应。
虽然此问题之前没有最佳解决方案,但 Chrome 37 的发布带来了重大改进,确保了更好的字体在 Google 浏览器中渲染。
以上是Chrome的字体平滑问题终于解决了吗?的详细内容。更多信息请关注PHP中文网其他相关文章!

文章讨论了CSS FlexBox,这是一种布局方法,用于有效地对齐和分布响应设计中的空间。它说明了FlexBox用法,将其与CSS网格进行了比较,并详细浏览了浏览器支持。

本文讨论了使用CSS创建响应网站的技术,包括视口元标签,灵活的网格,流体媒体,媒体查询和相对单元。它还涵盖了使用CSS网格和Flexbox一起使用,并推荐CSS框架

本文讨论了CSS盒装属性,该属性控制了元素维度的计算方式。它解释了诸如Content-Box,Border-Box和Padding-Box之类的值,以及它们对布局设计和形式对齐的影响。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

螳螂BT
Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

SublimeText3 Linux新版
SublimeText3 Linux最新版

VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器

SublimeText3汉化版
中文版,非常好用

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。