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