CSS实现将简体中文转为繁体中文_Html教程_奇迪科技(深圳)有限公司(www.qvdv.net)

使用简单的CSS代码就可以将整个页面的中文简体切换为繁体。

实现方法：

一、 准备苹果方字体，存放到站点根目录。

Css引入字体：

@font-face{
font-family: 'pingFang';
src: url('/data/fonts/PINGFANG.TTF');
}

二、 给body标签新增CSS代码：

body {
font-family:'pingFang';
font-variant-east-asian: traditional;
}

实现以上两步，整个页面body内的简体中文都会变成繁体中文。

如果需要实现繁体、简体相互切换，只需动态增加、删除下面这段CSS代码：

font-variant-east-asian: traditional;

原理分析：

苹果方字体本身包含繁体变体，所以如果你系统有苹果方字体，只需css增加一句“font-variant-east-asian: traditional;”即可将简体转换为繁体。