Javascript 引导3模糊字体和字形图标

我有一个奇怪的bootstrap3字体和图标显示。 位图和字体看起来有些模糊。效果随处可见，因此我附上了一个导航栏项目的示例。 这只发生在使用FF和Chrome的台式机上。 在移动设备上，一切都像它应该的那样井然有序。 有人知道这里发生了什么吗

提前感谢,，

---

德克。

检查你自己的CSS。但是，看看这里：

似乎是Bootstrap3/4在不同桌面浏览器上的一个功能。提出了一些解决办法，但自2016年以来，浏览器开发者不会在webkit中解决这个问题。阅读更多关于2018年至今仍在发行的《当然》杂志：

可能的解决办法：

• 适应不同目标分辨率/浏览器组合的CSS
  
• 尝试调整字体或使用不同的字体，包括所有可能的 受影响最大的目标的格式
  
• 编辑（调整）引导sass并编译自定义版本
  

---

但不幸的是，这并非易事

我已经将整个页面剥离成了某种“裸机”。除了bootstrap之外，我删除了所有CSS代码，它保持不变。应用上面链接中建议的CSS样式不会改变显示。我希望这是一个已知的渲染问题……是的，对我来说，效果看起来就像是放大页面的人工制品。《引导》一期的截图也显示了同样的效果。但是我没有放大页面来产生问题，缩放级别是100%。在渲染过程中，页面似乎缩放了一些百分比。这只是一个想法，我不确定这在正常情况下是否会发生？正如文章中所述，这种“缩放”不是由用户完成的，而是由浏览器的渲染引擎（基于webkit）完成的。由于90%的用户使用移动设备冲浪，桌面开发不再受到关注。就像我写的，如果你心中有一个固定的分辨率（目标设备是已知的），你可以优化它，如果没有…嗯，这是有道理的。但这对问题本身没有好处；-）请参阅编辑-请标记为“已解决”，以便其他人发现它，即使它无法以简单的方式解决