客戶對網頁有個需求,不知算不算特殊

就是  所有英文和數字都要套用 

Georgia 這個英文字型

但是中文要用 微軟正黑體

平常寫網頁最多就是設個 細明體,serif

body {
    font-family:"標楷體" ,"新細明體", "細明體" ,serif;
}

(這還是從  dreamweaver 抄來的)

 

我知道 css  可以設定  英文字  全部  大寫、小寫、首字大寫

但是不知道怎麼把中文和英文 的字型分開設?

試了直接加後面

body {
    font-family:"微軟正黑體" ,"新細明體", "細明體" ,Georgia ;
}

無效,英文字還是用標楷體顯示

 

正在想說難道要手動針對英文字一個一個塞 <font> 嗎?

就在一百個不願意的時候,突然想到,把英文字型放前面試試看

body {
    font-family:Georgia ,"微軟正黑體" ,"新細明體", "細明體" ;
}

哈,這樣就可以了,英字和數字變成了Georgia 。

任務完成。

 

後來,跑到書店翻 O'reilly css 大全,看到書上對字型套用的原則是:

如果列表裏的字型裏沒有可以套用的字,就找下一個,如果都找不到,就

使用預設字型。

 

這裏有範例

http://jsfiddle.net/myEcM/1/

可以直接線上修改看結果

arrow
arrow
    全站熱搜

    rayblog 發表在 痞客邦 留言(0) 人氣()