字体大小<strong>无法正确缩放

时间:2017-02-06 11:35:45

标签: css firefox font-size bold

使用百分比缩放字体大小会使<strong> - 标记产生意外结果。使用&#39; font-weight&#39;也会发生同样的情况。设置。如果我将段落设置为90%,则粗体部分似乎不会缩小。但是,如果我将其设置为80%,它会正确缩小。这种效果在FireFox(第50版)中最为明显。

我需要使用哪些设置来获取与普通文本大小相同的<strong>

HTML:

<body>
    <p>
        This is normal text.<br>
        <strong>This is bold text.</strong>
    </p>
</body>

CSS:

body { font-family:arial,sans-serif;font-size:90%}
p { font-size:90% }

另见这个小提琴:https://jsfiddle.net/f7wyb13d/3/

更新:这是我看到的小提琴结果的图像: [

我注意到了这个问题,因为我正在将字体大小从pt更改为%。 pt中的设置没有给出font-size的差异。也许这在我的设置中确实是一个本地问题。也许我坚持认为,根据用户的系统取消可能存在的差异。

1 个答案:

答案 0 :(得分:1)

这很可能是一种错觉,有些字体比其他字体更有效。如果您没有选择字体,那么Firefox可能会使用看起来更具戏剧性的字体。字符将更宽,因为它是粗体,因为笔划更重。

但它的高度相同。字符具有x高度,即m或n的高度。您对隔行扫描文本的示例具有相同的x高度:

enter image description here