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

前端之家收集整理的这篇文章主要介绍了html – 根据字体堆栈中使用的字体调整字体大小前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用一种新的google api字体作为网站上的标题.这是Yannone Kaffeesatz并且是一种浓缩的字体.

我的字体堆栈如下:

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

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

我的问题是:

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

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

谢谢

汤姆

解决方法

不,这是不可能的.即使在JavaScript中,从字体系列列表中找出实际使用的字体也很复杂且很难 – 在纯CSS中这是不可能的.

如果你想使用JavaScript路由,here是一个链接到一个聪明的方法来检测JavaScript中的实际字体系列.

一旦你知道使用的字体,就可以很容易地将element.style.letterSpacing调整到所需的数量.

原文链接:https://www.f2er.com/html/231526.html

猜你在找的HTML相关文章