如何最后加载@ font-face

Question

我有一些加载的font-face问题会导致我的div高度变形。有没有一个解决方案可以加载它，所以div将具有正确的高度，具体取决于加载的字体？

修改

是div的高度与行高相同。 Normaly它将与arial等默认Web字体垂直对齐。但是对于一些@ font-face，这不起作用。

Answer 1

如果要最后加载font-face，可以在页面加载后使用jQuery追加标记或CSS规则。

$(document).ready(function(){

 $('<link rel="stylesheet" href="myfile.css" type="text/css" />').appendTo($('head'));

});

Answer 2

您可以手动设置使用@ font-face的高度吗？

这不是页面设计问题，而是浏览器实现的问题。例如，如果字体没有在5,10,20,60秒下载，浏览器要做什么？这是一篇关于不同浏览器如何呈现网络字体http://paulirish.com/2009/fighting-the-font-face-fout/

的文章

我强烈推荐CDN用于字体，并使用非常接近的默认字体。