CSS：如何为每个字体设置不同的大小

Question

我有一个网站使用“arial narrow”字体。为了避免兼容性问题，我使用“Font Squirrel”字体生成器制作了@font-face版本的字体（http://www.fontsquirrel.com），但当我在没有本地“Arial Narrow”的系统上，然后通过@font-face在线加载时，字体比本地“Arial Narrow”大；我对字体使用px绝对大小。

有没有办法为本地和在线字体设置不同的大小？

@font-face {
font-family: 'ArialNarrow';
src: url('/fonts/arialn-webfont.eot');
src: local('☺'), url('/fonts/arialn-webfont.woff') format('woff'), url('/fonts/arialn-webfont.ttf') format('truetype'), url('/fonts/arialn-webfont.svg#webfontNZumFher') format('svg');
font-weight: normal;
font-style: normal; }

and below:

font-family: 'Arial Narrow', 'ArialNarrow', arial, helvetica, sans-serif;
font-size:14px;

事先感谢你，抱歉我的英语不好。

- Iacchus

Answer 1

理论上，CSS 2.0 和 CSS 3 属性 font-size-adjust 就是为了这个目的而创建的，但它的支持很弱。没有 IE（惊讶吧！），Fx 3.0+，据我所知，Saf 4 和 Op 10.5 也不支持。

我想知道为什么 Arial Narrow 不是相同大小的（并且没有答案），但我想指出 Arial Narrow 是由 Ascender to Microsoft 授权的，可以在这里购买：http://www.fontslive.com/font/arial-narrow-regular.aspx（这个压缩字体家族是由 Monotype 创建的）。
对于非商业网站，http://en.wikipedia.org/wiki/Core_fonts_for_the_Web 表示已经太晚了（2002 年），应该保持包的原始格式和文件名：嵌入会修改前者。

- FelipeAls

Answer 2

抱歉，类似的问题已经被问过了，结论总是“无法完成”（至少在不同浏览器上不能可靠地完成，感谢@Felipe提出了那些CSS属性-我不知道它们）。

即使使用JavaScript也很困难，因为很难找出浏览器最终实际使用的字体。

另请参阅：在JavaScript中获取计算的字体族

- Pekka