爲不同的字體系列指定不同的字體大小

是否有方法爲不同的字體系列指定不同的字體大小。我想使用的字體（用於產品品牌）是一種不太常見的字體（FlashDLig），不受所有PC和瀏覽器支持。（我的一個Windows 7個人電腦與IE 9不顯示它...）現在對於一個後備字體我使用Arial，問題是Arial比FlashDLig大得多，所以我想爲它指定一個不同的字體大小同一班。可能嗎？爲不同的字體系列指定不同的字體大小

我知道你可以使用字體大小調整，但它只支持Firefox。

有什麼建議嗎？ Javascript魔術可能？

感謝

來源

2012-06-13 Dexter Schneider

可以看看：http://stackoverflow.com/questions/7717734/using-non-standard-font-in-web-pages – Julio

但是，爲什麼不用'@ font-face'在你的網站上簡單地加上那個字體呢？即使IE從5.5支持它。 – kapa

嗨bažmegakapa。謝謝，好主意。這個網站上說@ font-face文件類型只支持IE9及更高版本......你說IE5.5以上？ http://www.stunningcss3.com/resources/fontface-file-types-browser-support.html –

看一看下面的代碼示例：

http://www.lalit.org/lab/javascript-css-font-detect/

和

http://remysharp.com/2008/07/08/how-to-detect-if-a-font-is-installed-only-using-javascript/

而從檢測的結果調整自己的樣式表。

我以前用過這些，效果很好。

祝你好運！ :)

來源

2012-06-13 21:00:01 JaggenSWE

我會建議默認爲Arial，然後創建第二個類使用@ font-face聲明爲您的字體。然後，我認爲你必須使用Javascript來測試字體是否可以加載（也許檢查一些元素的派生風格，你把它放在屏幕上），如果是的話，將類更改爲新的。我這樣做，而不是以你的自定義字體開始的原因與progressive enhancement的想法有關。

這裏有一種方法來改變在Javascript類：

if (fontLoaded()) { 
    document.body.className += " fontLoaded"; 
}

然後在你的CSS：

@font-face { 
    ... /* declare font face */ 
} 
body { 
    font-family: "Arial"; 
    font-size: 0.8em; 
} 
body.fontLoaded { 
    font-family: "FlashDLig"; 
    font-size: 1em; 
}

來源

2012-06-13 21:01:16

謝謝。欣賞。關於如何實現這部分解決方案的任何想法：「如果是這樣，請將課程更改爲新課程」。我認爲它必須是一些Javascript函數，而Javascript不是我的強項 –

我會編輯我的答案，包括 –

爲不同的字體系列指定不同的字體大小

回答

相關問題