汉语字体样式在CSS中的写法梳理

2021-01-20 10:38 jianzhan
今日在折腾wordpress主题的情况下,想把侧面栏上的2个题目变换为“方正姚体”,用Firebug调节OK了,储存到css文档里提交后,但是如何弄也显示信息不对,在网上检索了1下,才了解原先在CSS中不可以出現汉语字体样式,处理方法便是把这些汉语字体样式姓名变换成英文名。

Unicode简易的说1下制做网页页面时的以便兼具到1些访问器CSS款式文本文档中1般是不出現汉语字体样式的,特别是 {}中,因而根据参考下表将其对应转编,能够将汉语名转成英文名、unicode、unicode2留意unicode2是立即輸出为文字的,
例如:微软雅黑,大家在CSS中的设定为

font-family:”Microsoft Yahei”;

还可以是对应的unicode

font-family:”\5FAE\8F6F\96C5\9ED1″;

但微软雅黑对应的unicode2即微软正黑体写在款式文本文档里是沒有实际效果的,由于unicode2是以文字方式輸出的,这个能够将对应的unicode2 放到html文本文档中尝试1下,对应輸出微软雅黑4个字
常见字体样式设定

font-family:' SimSun','\5B8B\4F53' /*宋体*/

font-family:' Microsoft Yahei','\5FAE\8F6F\96C5\9ED1' /*微软雅黑*/

汉语名英文名UnicodeUnicode 2

Mac OS

华文细黑STHeiti Light [STXihei] \534E\6587\7EC6\9ED1 华文细黑
华文黑体STHeiti \534E\6587\9ED1\4F53 华文黑体
华文楷体STKaiti \534E\6587\6977\4F53 华文楷体
华文宋体STSong \534E\6587\5B8B\4F53 华文宋体
华文仿宋STFangsong \534E\6587\4EFF\5B8B 华文仿宋
丽黑 ProLiHei Pro Medium \4E三d\9ED1 Pro 丽黑 Pro
丽宋 ProLiSong Pro Light\4E三d\5B8B Pro丽宋 Pro
标楷体BiauKai\6807\6977\4F53标楷体
iPhone丽中黑Apple LiGothic Medium \82F9\679C\4E三d\4E2D\9ED1 iPhone丽中黑
iPhone丽细宋Apple LiSung Light \82F9\679C\4E三d\7EC6\5B8B iPhone丽细宋

Windows

新细明体PMingLiU\65B0\7EC6\660E\4F53新细明体
细明体MingLiU\7EC6\660E\4F53细明体
标楷体DFKai-SB\6807\6977\4F53标楷体
黑体SimHei\9ED1\4F53黑体
宋体SimSun\5B8B\4F53宋体
新宋体NSimSun\65B0\5B8B\4F53新宋体
仿宋FangSong\4EFF\5B8B仿宋
楷体KaiTi\6977\4F53楷体
仿宋_GB2312FangSong_GB2312\4EFF\5B8B_GB2312仿宋_GB2312
楷体_GB2312KaiTi_GB2312\6977\4F53_GB2312楷体_GB2312
微软正黑体Microsoft JhengHei\5FAE\x8F6F\6B63\9ED1\4F53微软正黑体
微软雅黑Microsoft YaHei\5FAE\8F6F\96C5\9ED1微软雅黑

Office

隶书LiSu\96B6\4E66隶书
幼圆YouYuan\5E7C\5706幼圆
华文细黑STXihei\534E\6587\7EC6\9ED1华文细黑
华文楷体STKaiti\534E\6587\6977\4F53华文楷体
华文宋体STSong\534E\6587\5B8B\4F53华文宋体
华文中宋STZhongsong\534E\6587\4E2D\5B8B华文中宋
华文仿宋STFangsong\534E\6587\4EFF\5B8B华文仿宋
方正舒体FZShuTi\65B9\6B63\8212\4F53方正舒体
方正姚体FZYaoti\65B9\6B63\59DA\4F53方正姚体
华文采云STCaiyun\534E\6587\5F69\4E91华文采云
华文虎魄STHupo\534E\6587\7425\73C0华文虎魄
华文隶书STLiti\534E\6587\96B6\4E66华文隶书
华文行楷STXingkai\534E\6587\884C\6977华文行楷
华文新魏STXinwei\534E\6587\65B0\9B4F华文新魏