2013-11-26 45 views
2

我有這個在我的CSS:使用CSS根據font-family更改字體大小?

font-family: "Microsoft Yi Baiti","Verdana"; 
font-size: 22px; 

的的22px都OK了微軟字體,而不是宋體。如果未安裝Microsoft字體,它將切換到Verdana,即可。然而,Verdana的字體大小必須是15px。我怎麼能說,一旦選擇了替代品(Verdana),應該使用15px的font-sie?

謝謝!

+1

的可能重複[CSS字體大小變化時FONT-FAMILY回落(http://stackoverflow.com/questions/829933/css-font-size-changes-when-font-family-falls -背部) – cubrr

回答

2

你需要一些javascript來解決這個問題,在我看來。

  1. 你應該看看這個鏈接http://remysharp.com/2008/07/08/how-to-detect-if-a-font-is-installed-only-using-javascript/

  2. 爲每個字體的創建一個小腳本

如果字體微軟易掰體沒有安裝你會把第二種字體的字體大小設置爲15px。您還可以爲每種字體創建一個測試,併爲每個字體添加字體大小值。

$(document).ready(function() { 
    font.setup(); // run setup when the DOM is ready 

    if(!font.isInstalled('Microsoft Yi Baiti')) { 
    $('body').css('font-size','15px'); 
    } 
});