CSS實(shí)現將簡(jiǎn)體中文轉為繁體中文_Html教程_奇迪科技(深圳)有限公司(m.cheanjie.com)
使用簡(jiǎn)單的CSS代碼就可以將整個(gè)頁(yè)面的中文簡(jiǎn)體切換為繁體。
實(shí)現方法:
一、 準備蘋(píng)果方字體,存放到站點(diǎn)根目錄。
Css引入字體:
@font-face{ font-family: 'pingFang'; src: url('/data/fonts/PINGFANG.TTF'); }
二、 給body標簽新增CSS代碼:
body { font-family:'pingFang'; font-variant-east-asian: traditional; }
實(shí)現以上兩步,整個(gè)頁(yè)面body內的簡(jiǎn)體中文都會(huì )變成繁體中文。
如果需要實(shí)現繁體、簡(jiǎn)體相互切換,只需動(dòng)態(tài)增加、刪除下面這段CSS代碼:
font-variant-east-asian: traditional;
原理分析:
蘋(píng)果方字體本身包含繁體變體,所以如果你系統有蘋(píng)果方字體,只需css增加一句“font-variant-east-asian: traditional;”即可將簡(jiǎn)體轉換為繁體。
本文版權所有,轉載須注明:來(lái)源 http://m.cheanjie.com/qvdv-wdl-884.html