2015-05-04 60 views
1

即時通訊在我的應用程序中使用3種不同的語言環境,西班牙語,英語和中文。該應用程序使用.sass這裏我設置類似如下的主要字體:在中國語言環境中更改默認字體

$main-font: "Whitney SSm A", "Whitney SSm B", "Microsoft_YaHei247019", "Verdana" 

這樣$主字體將首先使用「惠特尼SSM A」,如果該字體系列不具備所需的字符,它將搜索在「惠特尼SSm B」字體上,然後是「Microsoft_YaHei247019」,最後是「Verdana」。

問題是我想改變這個順序,當語言是中國的,默認設置「Microsoft_YaHei247019」。它應該是:

$main-font: "Microsoft_YaHei247019", "Whitney SSm A", "Whitney SSm B", "Verdana" 

但是隻有當語言是中文的時候。

任何想法如何做到這一點?

+2

可能重複的[使用CSS以一種語言爲目標](http://stackoverflow.com/questions/14973061/use-css-to-target-a-language) – cimmanon

+0

根據你的Windows版本,如果你的英文或中文你需要指定兩個值: font-family:Arial,「Microsoft Yahei」,「微軟黑」,STXihei, 「華文細黑」,無襯線; http://www.kendraschaefer.com/2012/06/chinese-standard-web-fonts-the-ultimate-guide-to-css-font-family-declarations-for-web-design-in-simplified-中文/ – iamrobert

回答

1

我會設置在身上標籤的CSS類來保存當前區域:

<body class="<%= I18n.locale %>"> 

</body> 

然後你就可以針對你的SASS該類:

body.en 
    $main-font: "Whitney SSm A", "Whitney SSm B", "Microsoft_YaHei247019", "Verdana" 

body.cn 
    $main-font: "Microsoft_YaHei247019", "Whitney SSm A", "Whitney SSm B", "Verdana" 
+0

@infused是一個好主意,但由於某種原因,我通過這種方式獲得了每種語言的「Microsoft_YaHei247019」 – ntonnelier