微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

我的字体堆栈如下:

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

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

我的问题是:

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

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

谢谢

汤姆

解决方法

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

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

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

原文地址:https://www.jb51.cc/html/231526.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐