在網(wǎng)頁排版中,我們經(jīng)常會(huì)涉及到繁體和簡體的問題。針對這個(gè)問題,CSS提供了相應(yīng)的解決方案。
CSS中提供了font-variant屬性,可以設(shè)置字體的變體,包括小型大寫字母和簡體或繁體字體??梢詫⒎斌w字體轉(zhuǎn)化成簡體字體,也可以將簡體字體轉(zhuǎn)化成繁體字體。
/* 將繁體字體轉(zhuǎn)化成簡體字體 */ body { font-variant-east-asian: simplified; } /* 將簡體字體轉(zhuǎn)化成繁體字體 */ body { font-variant-east-asian: traditional; }
除了使用font-variant屬性來解決繁體簡體問題外,還可以使用字體文件來區(qū)分繁體和簡體。
假設(shè)我們有兩份字體文件,simplified.ttf和traditional.ttf,分別對應(yīng)著簡體和繁體字體。那么我們可以在CSS中這樣使用:
/* 使用簡體字體 */ body { font-family: "simplified", sans-serif; } /* 使用繁體字體 */ body { font-family: "traditional", sans-serif; }
通過設(shè)置字體文件,我們可以實(shí)現(xiàn)更加靈活的繁體簡體切換。但是需要注意的是,如果字體文件中并沒有對應(yīng)的字符,那么仍然會(huì)顯示缺省的字符。
上一篇css精講
下一篇css純寫頁面要用框架嗎