【问题标题】:Switching font-family while retaining width在保持宽度的同时切换字体系列
【发布时间】:2011-04-07 14:15:48
【问题描述】:

是否可以在更改内部文本的font-family 时保持<span> 的确切宽度?我正在考虑用font-size 或font-size-adjust 平衡这个宽度,因为letter-spacing 不会优雅地渲染。

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

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

【问题讨论】:

    标签: javascript css typography


    【解决方案1】:

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

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

    【讨论】:

    • 你的答案是正确的,但你只会接近相同的宽度(小于或等于)。字体大小是整数。
    • @Gilbert 是的,说得好。可能有几个像素的偏差。
    猜你喜欢
    • 1970-01-01
    • 2022-06-12
    • 1970-01-01
    • 2015-06-09
    • 1970-01-01
    • 1970-01-01
    • 2018-12-08
    • 1970-01-01
    • 2011-04-14
    相关资源
    最近更新 更多