CSS:如何为每种字体设置不同的大小

Question

我有一个使用“arial narrow”的网站。为了避免兼容性问题，我使用“Font Squirrel”字体生成器(http://www.fontsquirrel.com)制作了该字体的@font-face 版本，但是当我在没有原生“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; }

及以下:

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

提前致谢，抱歉我的英语不好

Answer 1

理论上，CSS 2.0 和 CSS 3 属性 font-size-adjust 是为这种用途而创建的，但它的支持很弱。没有 IE(惊喜!)、Fx 3.0+ 和 afaik 在 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 年)，包应保留其原始格式和文件名:嵌入修改了前者。