当font-family退回时,CSS font-size会更改

发布时间:2019-06-12 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了当font-family退回时,CSS font-size会更改脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想使用一个字体(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; – 但没有这样的运气:)

总结

以上是脚本之家为你收集整理的当font-family退回时,CSS font-size会更改全部内容,希望文章能够帮你解决当font-family退回时,CSS font-size会更改所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。
标签: