根据字体堆栈中使用的字体来调整字体大小
我在网站上使用了一种新的google api字体作为标题。 它是Yannone Kaffeesatz，是一个相当浓缩的字体。
我的字体堆栈如下所示：
font-family: 'Yanone Kaffeesatz', arial, serif;
当Yannone Kaffeesatz字体呈现时，这很好，但如果不这样，Arial会更加开放，并且标题跨越两行。
我的问题是：
是否可以使用不同的字体大小，具体取决于在页面上呈现哪种字体？
在众多浏览器中得到理想的支持。
谢谢
汤姆
不，这是不可能的。 即使在JavaScript中也很难找到font-family列表中实际使用的字体 - 纯CSS中不可能。
如果你想要去JavaScript路线，这里有一个链接到一个聪明的方法来检测JavaScript中的实际字体系列。
一旦你知道使用的字体，很容易调整element.style.letterSpacing到所需的数量。
根据字体略微改变字体大小的一个属性是font-size-adjust。 它是CSS3，只有Firefox支持。
但我认为你不想调整纵横比，使Arial缩小。 挤压字体（例如字母间距）变得很难看。 相反，您应该从堆栈中使用更浓缩的字体开始。
http://pieroxy.net/blog/2014/10/11/the_quest_for_a_condensed_web_font.html详细研究浓缩字体选项。 其中一个棘手的发现是font-stretch: condensed ，例如可以帮助访问例如Arial Narrow on Windows（with Office）。
上一篇: Adjust font size depending on which font is used from a font stack