根据字体堆栈中使用的字体调整字体大小

我正在使用一种新的谷歌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)。     

要回复问题请先登录注册