[移动开发] 如何使用纯CSS将页面转换为繁体字

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 移动开发 -> 如何使用纯CSS将页面转换为繁体字 -> 正文阅读

[移动开发]如何使用纯CSS将页面转换为繁体字

// 只需要加上以下样式
// 但由于该样式需要配合繁简转换的字体使用
// 而 Windows 和 Android 的默认字体不支持繁简转换
// MacOS 和 IOS 默认字体 PingFang 支持繁简转换
// 所以只能在 MacOS 和 IOS 上生效
body {
    font-variant-east-asian: traditional;
}

// 那么 Windows 和 Android 怎么办呢?
// Windows 和 Android 不自带 PingFang 字体和其他支持繁简转换的字体
// 所以首先去下载一个 PingFang 字体(其他可支持繁简转换的字体也是可以的)
// https://github.com/zongren/font/blob/master/PingFang-SC-Regular.ttf
// 下载完成后引入到项目 CSS 文件中(以Vue的项目为例)
@font-face {
    font-family: "PingFang SC";
    src: url("~@/assets/fonts/PingFang-SC-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
// 然后 Windows 和 Android 都生效了
body {
    font-family: "PingFang SC";
    font-variant-east-asian: traditional;
}