CSS：如何爲每種字體設置不同的尺寸

我有一個網站使用「arial narrow」。爲避免兼容性問題，我使用「Font Squirrel」字體生成器（http://www.fontsquirrel.com）製作了@ font-face版本的字體，但是當我在沒有原生「Arial Narrow」的系統上時，通過@ font-face在線加載，字體大於原生的「Arial Narrow」;我在px中使用字體的絕對大小。CSS：如何爲每種字體設置不同的尺寸

有沒有辦法爲原生和在線字體設置不同的尺寸？

@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;

謝謝，對不起我的英文不好

來源

2010-06-19 Iacchus

從理論上講，CSS 2.0和CSS 3屬性font-size-adjust被用於該用途創建的，但其支持弱。沒有IE（驚喜！），Fx 3.0+和afaik在Saf 4中沒有支持，也沒有在Op 10.5中支持。

我不知道爲什麼這兩個Arial Narrow字體是不一樣的大小（無答案），但我想指出的是，窄Arial由Ascender to Microsoft許可，可以在這裏購買：http://www.fontslive.com/font/arial-narrow-regular.aspx（這凝聚家人由Monotype創建）。
對於一個非商業網站http://en.wikipedia.org/wiki/Core_fonts_for_the_Web說它已經太晚了（2002），並且軟件包應該保持其原始格式和文件名：嵌入修改了前者。

來源

2010-06-19 19:42:49 FelipeAls

對不起，類似的問題已被問及結論總是「無法完成」（至少在瀏覽器中不可靠，對@Felipe提起這些CSS屬性的榮譽 - 不知道它們）。

即使使用JavaScript也很困難，因爲最終很難找出瀏覽器實際使用哪種字體。

另請參閱：Get computed font-family in JavaScript

來源

2010-06-19 19:43:00

CSS：如何爲每種字體設置不同的尺寸

回答

相關問題