css - 谷歌字体大小不一且参差不齐

标签 css fonts google-font-api

我有一个关于谷歌字体的非常令人惊讶的问题。 This is the site in question.

标题通常显示在一行中,但我的一个像我一样使用相同 Opera 版本的 friend 发给我 this截屏。你可以看到标题分为两行,每一个想法都会停下来。

这是我第一次使用 Gfonts 并且必须承认在 Firefox 中也存在另一个问题 - 字体看起来参差不齐!

感谢您的建议!

最佳答案

可以简单地通过添加来防止换行

h1 { white-space: nowrap; }

字体渲染取决于字体、字体大小、浏览器、操作系统、设备、它们的设置,可能还取决于月相。有些字体比其他字体更难,所以实际的做法是选择另一种字体。

关于css - 谷歌字体大小不一且参差不齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13360747/

相关文章:

fonts - 适合代码演示的字体?

html - 如何使一个 html 页面淡出而另一个淡入?

html - 消除页面底部的空白

jquery - 使用 JQuery 构建选项卡

html - Firefox 57.0.1 将自定义字体渲染得更低

Heroku 未加载 Google 字体

javascript - 如何同时调整大小和移动 css 分区?

css - CSS : font: 0px/0px a; 中这是什么声明

css - Rails Google 字体缓存

html - 字体系列显示在开发者工具中,但不适用于 froala 编辑器