font-size - 与字体大小或字体编码相关的字体定位错误

标签 font-size webfonts css google-webfonts

我遇到了一个问题,当我指定 line height:1 直到字体大小变得大于 255px 时,字形的位置符合我的预期。将 font-size 设置为 256 和 bam,字形显着改变位置并在线上变得太高。

我正在使用 Google Web 字体引入 Josefin Sans - http://www.google.com/webfonts/specimen/Josefin+Sans

编辑:我在 Fedora 上使用 Chrome,而不是那些拥有市场份额和资金的酷机器之一

这里简化了 fiddle - http://jsfiddle.net/jBAnc/

编辑: fiddle 没有为我显示代码。如果您点击“培根”,它会在 255 和 256 之间切换,导致它来回跳动(至少对我而言)。

当字体是基本的网络安全字体(例如 Arial)时,我没有遇到此问题,因此我认为它与 google 网络字体有关。这是字体编码的问题,可能是创建字体的程序(255 似乎很重要)?

this is a screenshot of my original problem

最佳答案

我遇到此字体的行高/间距不一致问题。我开始怀疑这是 Josefin Sans 本身构造的问题。

编辑:经过更多的 Google 搜索后,问题似乎不是字体本身,而是 Google Webfont API。

http://webdesignandsuch.com/fix-fonts-that-dont-work-with-google-font-api-in-internet-explorer-or-chrome-with-font-face/

简答:自己下载并托管字体,应该没有问题。

关于font-size - 与字体大小或字体编码相关的字体定位错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14164800/

相关文章:

javascript - 使用尺寸属性时选择下拉菜单不同

html - 行高与字体大小不匹配

html - 同一段落中的多种样式

jquery - 如何更改已经在客户端的网页的字体?

jquery - 为什么我的 JQuery Masonry 网格与我的标题重叠?

html - 当 P 是相对的儿子时,将绝对父 P 拉伸(stretch)到其子宽度

jquery - 如何在可调整大小的 div 中适应文本及其适当的大小..?

qt - 在多个平台上将像素大小转换为字体大小

css - 如何使网页字体在所有浏览器中更流畅

css - 每台机器的颗粒状网络字体