Firefox中的字体看起来更糟糕：为什么以及如何为Firefox编写黑客攻击？

Question

以下是一个例子：

首先 - 它在Chrome中的外观，第二个在Firefox中（几乎不可读）。

CSS：

 font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;
    font-size: 13px;

请举例说明，如果浏览器是Firefox，我怎样才能使这个元素的字体加粗？

Answer 1

当我测试13px Arial时，它在Chrome中看起来比在Firefox中轻一些，而不是像你的情况那样。关于字体渲染，请继续关注浏览器版本，平台和设置的变化。

可以在JavaScript中使用通常的browser detection技术来检查浏览器是否声称是Firefox并相应地修改CSS代码。但这将是一个黑暗的镜头，部分是由于所提到的变化，部分原因是你无法做任何事情来解决假定的问题。粗体倾向于改变文本的整体外观，而不仅仅是略微粗的笔划，并且通常降低可读性。

避免产生这样的问题的方法：不要将字体大小设置为小到13px的值。特别是对于小字体，在白色（或其他非常明亮的）背景上使用黑色（或非常暗的东西），而不是相反，特别是避免使颜色对比度太小。

Answer 2

似乎firefox只能在css中获取2个背景网址...如果它有第3个字体会产生模糊/像素化效果。从来没有......我发现它在Windows XP上是真的。 Windows 8上的相同firefox工作正常。 （我很惊讶）我可能认为它与forefox中的“使用硬件（如果可用）”选项有关。

尝试从表格中的一个CSS中删除背景“图像”或“颜色”......如果它解决了那么......火狐很糟糕。