在保持宽度的同时切换字体系列

时间:2011-04-07 14:15:48

标签: javascript css typography

在更改内部文本<span>的同时,是否可以保持font-family的确切宽度?我正在考虑将此宽度与font-sizefont-size-adjust进行平衡,因为letter-spacing无法正常呈现。

我故意选择两种截然不同的字体:Times和Verdana。

滚动演示:http://jsbin.com/ahiba4/20

1 个答案:

答案 0 :(得分:1)

这是可能的,但只能使用JavaScript。

  1. 将容器的宽度存储在变量
  2. 更改容器中的字体
  3. 使用以下问题中显示的方法之一设置字体大小,使容器再次与之前的宽度匹配: