增加全局字体大小CSS

3

CSS有没有一种能够全局增加字体大小的方法?当我使用特定次要字体时,它原生需要增加15%的大小才能与我的主要字体匹配。

我目前有这个类:

.freight{
    font-family: freight-text-pro, serif;
    font-style: normal;
    font-size:1.15em;
}

当作为子元素时,这种方法运行良好,但是当应用于父元素时(添加额外的“span”似乎是不必要的代码),它会缩小到非常小,这显然是预期的行为。

谢谢。


1
em级联尺寸会从其父元素继承。如果您设置了body字体大小,则所有级联的(em)字体也将被调整大小。 - DreamTeK
@DreamTeK,是的,但这只需要针对一个字体“全局”进行设置,而不是所有字体。这更多是设计问题,因为该字体本身比我的主要字体小。 - Justin Dunkley
1个回答

3
我理解不了你的意思,但根据我的理解。
这可能是你正在寻找的东西。
body, html { 
font-family: freight-text-pro, serif;
font-style: normal;
font-size:1.15em; }

这会全局影响每个页面和标签上的字体。


1
嗨,泰勒,谢谢,但那不是我想要的。我想让“Freight Text Pro”字体 - 即次要字体 - 始终比标准大小大15%,以便与主要字体匹配,而无需在H2等内部添加额外的span(直接在H2上添加class并使用font-size:1.15em将强制该大小,而不是标准H2大小)。我不确定这是否真的可能。 - Justin Dunkley
当我说匹配时,我的意思是设计术语,而不是代码。1em的主要字体等于1.15em的Freight Text Pro。 - Justin Dunkley
好的,我明白了。我认为你想要实现的只需要使用不同类型的CSS选择器。你把HTML代码放在那里怎么样? - Tyler

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接