javascript - Bootstrap 3 blurry font and glyphicons
问题描述
I have a strange display of Bootstrap 3 fonts and glyphicons. The bitmaps and the font is looking some kind of blurry. The effect is visible everywhere, so I attached an example of the navbar items. This happens only on desktops with FF and Chrome. On mobile devices everything is crispy as it should be. Has anyone an idea what is happening here?
Thanks in advance, Dirk.
解决方案
Seems to be a feature of bootstrap 3/ 4 on different desktop browsers. There are some workarounds proposed but as browser developers wont fix this issue in webkit since 2016. Read more in this of course still open issue from 2018:
https://github.com/twbs/bootstrap/issues/27955open
Possible workarounds:
- Adapted CSS for different target resolutions/browser combinations
- Trying to tweak fonts or use different fonts and include all possible
formats for the most affected targets
- Edit (tweak) bootstrap sass and compile custom version
But unluckely no easy way
推荐阅读
- git - Flutter 无法将频道切换到 beta
- azure - 为什么 Azure 推荐用户委派共享访问签名
- c++ - 打印问题。我在数组中打印值时遇到一些问题
- google-cloud-firestore - 根集合权限是否扩展到 Firebase 中的子集合?
- django - 删除django中的多行
- python - 在 Python 中,如何将符号转换为表情符号?
- python - 用 pyplot 在前景中绘制更近的线条
- email - SpamAssassin:阻止来自除某些域之外的所有域的电子邮件到特定用户
- unity3d - Unity - 命令行性能
- xslt - 使用 XSLT 将 xsd:complex-type 元素复制到另一个 xsd:complex-type 元素