前端之家收集整理的这篇文章主要介绍了
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