css - 使用 fontsquirrel 调整字体大小以匹配 Arial

Question

我正在使用令人惊叹的新字体 Source Sans Pro作为我的基本字体(它确实质量很好，我受够了到处看到 Ariel)。

我的问题是，如果由于任何原因字体没有加载，并且由于字体大小的变化而恢复为 Ariel，这会破坏我的布局。

有没有办法调整字体大小，使其与 Ariel 大小相同？我试过使用:http://www.fontsquirrel.com/fontface/generator在专家模式下并选择了 X 高度匹配，但这不起作用并且没有下载任何内容它只是永远加载。

Answer 1

a) 确保这不会成为问题。为什么字体会失败？

b) 将您的站点设计为使用任一字体。用可以更好地定义区域的 div 包裹您的标题(我认为这是问题所在)。

c) 我开发了一个 jQuery plugin that determines whether a custom font has been loaded或不，这是这样做的。

演示:http://pulse-dev.com/files/stackoverflow/fontfacedelay/index3.htm