我想在font-family(font-family:A, B;
)中指定两种不同的字体,但这两种字体的大小不同。
似乎font-size-adjust
仅适用于Firefox。那么如果第一个字体不可用,我怎么能调整第二个字体?
答案 0 :(得分:1)
你做不到。结论是,您应该只列出其属性中足够相似的字体。
嗯,有一些技巧用于根据其属性检测字体的可用性。您可以将字体A(仅)用于包含一些文本的不可见内联测试元素,然后使用JavaScript将测试元素的宽度与其测量宽度进行比较(允许一些小的差异,因为字体A的不同实现可能会略有不同宽度)。如果宽度不匹配,您将更改具有font-family: A, B
的元素的字体大小设置,以便大小适合B。那么,您仍然会遇到字体B可能存在的问题也不可用。所以它会很混乱,没有真正的成功保证。
答案 1 :(得分:0)
你是对的,font-size-adjust
不是标准的,因此不起作用。
我认为解决问题的最佳方法是尝试解决两种完全不同的字体大小,但要选择两种字体足够相似,因此大小调整是一致的。
最好,我会使用Web Fonts(此外,http://www.google.com/fonts是一个很好的起点),因此请确保每个人都获得相同的体验,并且可以跨浏览器和平台加载一致,漂亮的字体。如果性能损失是一个问题,那么请考虑使用reliable font stacks。
我知道这不是对你的问题的严格答案,但它可能是一个更好的方法。 :)