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

Question

我正在使用一种新的谷歌api字体作为网站上的标题.这是Yannone Kaffeesatz并且是一种浓缩的字体.

我的字体堆栈如下:

    font-family: 'Yanone Kaffeesatz', arial, serif;

当Yannone Kaffeesatz字体渲染时,这很好,但如果没有,则Arial更加开放,标题跨越两行.

我的问题是:

是否可以使用不同的字体大小,具体取决于页面上呈现的字体？

理想情况下支持多种浏览器.

谢谢

汤姆

Answer 1

不，这是不可能的。即使在 JavaScript 中，从列表中找出实际使用的字体也是复杂且困难的font-family- 在纯 CSS 中这是不可能的。

如果您想走 JavaScript 路线，这里有一个链接，指向一个巧妙的方法来检测 JavaScript 中的实际字体系列。

一旦您知道所使用的字体，就可以轻松调整element.style.letterSpacing到所需的数量。