我想使用一个字体(gill sans),它由于一个很短的x高度等而非常小.如果我把它设置在一个合理的大小,然后一个浏览器回到一个更典型的字体,我指定font-family,后背字体呈现非常大 – 可以根据浏览器使用的字体设置字体大小吗?
解决方法
我使用Calibri也有同样的问题(与大多数sans字体相比略小).我最终做了以下(假设你有
jquery):
> Get Remy Sharp的字体检测脚本http://remysharp.com/2008/07/08/how-to-detect-if-a-font-is-installed-only-using-javascript/
>将以下内容添加到$(document).ready()函数中:
$(document).ready(function() { font.setup(); if(!font.isInstalled('Calibri')) $('body').css('font-size','87.5%'); });
所以现在如果用户没有Calibri我们看到Arial在87.5%.这仅适用于未定义/继承font-size的元素.明确定义font-size的位置也必须进行调整(可能为这些元素添加一个类,并将jQuery选择器更改为$(‘.adjustClass’)).
如果你能做的话会很好:font:11px Calibri,10px Arial; – 但没有这样的运气:)