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授权的，可以在这里购买：{{3} （这个浓缩的家族是由Monotype创建的）对于非商业网站http://www.fontslive.com/font/arial-narrow-regular.aspx说已经太晚了（2002年）并且包应该保持原始格式和文件名：嵌入修改前者。

Answer 2

很抱歉，类似的问题已经被问到，结论总是“无法完成”（至少在浏览器中不可靠，对于提出这些CSS属性的@Felipe的赞誉 - 不知道它们）。

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

另请参阅：Get computed font-family in JavaScript

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

2 个答案: