css - Windows 上的 Firefox 中的大字体不流畅

标签 css fonts stylesheet cleartype

因此,我正在制作一个小型作品集网站 (http://www.cip.ifi.lmu.de/~fritschd/testDebo/), 我有一个大字体的大盒子。在 Mac 上,一切都很好,但是在 Windows 上,取决于浏览器,它真的很糟糕。 Windows 上的 Firefox 就是其中之一。

有没有办法平滑这个大字体?我还有什么其他选择? (出于 SEO 原因,我不想使用图像)。其他(系统)字体也有同样的问题。

编辑: 该示例可在链接 page 中找到.字体的大小为 ca。 180px,所以它很大。 似乎有问题的浏览器是 windows 上最新版本的 firefox。如果您在页面中查看带有名称的 div,则边框会像素化。我读到这是 Windows 真实字体选项和没有自己设置的浏览器(即 chrome)的问题。那么此时我有什么选择?

最佳答案

在 Windows 上使用 ClearType 字体是一个众所周知的问题,不绑定(bind)到任何特定的 Web 浏览器。看清楚这个解释font-face-loaded-on-windows-look-really-bad-which-fonts-are-you-using-that-rend

这个问题应该不会影响 Windows 7 和/或 IE9 用户。

我的建议是使用满足 SEO 要求的 -9999px 技术,使用透明 PNG 来实现大文本 block 。看看这个原来著名的 -9999px css-image-replacement-technique/或者这个用于新开发的技术Replacing-the-9999px-hack-new-image-replacement/

关于css - Windows 上的 Firefox 中的大字体不流畅,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10149022/

相关文章:

xml - 使用 XSL 转换表修改 XML 中的命名空间

java - 从 XSL (SAXON) 调用 Java

html - svg 外部样式表不起作用

javascript - JQuery 验证插件帮助

css - 指向 CSS 时 "?9"的用途是什么?

css - 锯齿形边框 CSS SVG

css - 自定义字体声明不起作用

javascript - 文本文件导入在 EaselJS 中不起作用

css字体系列问题,如果字体在客户端不可用怎么办

html - 谷歌字体加载优化和缓存