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

前端之家收集整理的这篇文章主要介绍了当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; – 但没有这样的运气:)

原文链接:https://www.f2er.com/css/216437.html

猜你在找的CSS相关文章