In addition to Weibo, there is also WeChat
Please pay attention
WeChat public account
Shulou
2025-02-22 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >
Share
Shulou(Shulou.com)06/03 Report--
This article introduces how Chinese fonts are written in CSS. The content is very detailed. Interested friends can use it for reference. I hope it will be helpful to you.
Today, when tossing the theme of wordpress, I want to convert the two titles on the sidebar into "founder Yao style", debug OK with Firebug, save it to css file and upload it, but how to do it also shows that it is wrong. After searching on the Internet, I know that Chinese fonts cannot appear in CSS, and the solution is to convert these Chinese font names into English names.
Unicode simply said that when making a web page, in order to take into account the fact that Chinese fonts do not appear in some browser CSS-style documents, especially in {}, by referring to the following table, you can convert Chinese names into English names, unicode, unicode2 note that unicode2 is directly output to text
For example: Microsoft Yahei, our setting in CSS is
Font-family: "Microsoft Yahei"
It can also be the corresponding unicode.
Font-family: "\ 5FAE\ 8F6F\ 96C5\ 9ED1"
However, the unicode2 corresponding to Microsoft Yahi, that is, Microsoft is written in boldface, has no effect in the style document, because the unicode2 is output in text form. This can be tried by putting the corresponding unicode2 in the html document, corresponding to the output of the word Microsoft Yahue.
Common font settings
Font-family:' SimSun','\ 5B8B\ 4F53'/ * Arial * /
Font-family:' Microsoft Yahei','\ 5FAE\ 8F6F\ 96C5\ 9ED1' / * Microsoft Yahi * /
Chinese name and English name UnicodeUnicode 2
Mac OS
Chinese Fine Black STHeiti Light [STXihei]\ 534E\ 6587\ 7EC6\ 9ED1
Chinese boldface STHeiti\ 534E\ 6587\ 9ED1\ 4F53
Chinese italics STKaiti\ 534E\ 6587\ 6977\ 4F53
Chinese Arial STSong\ 534E\ 6587\ 5B8B\ 4F53
STFangsong\ 534E\ 6587\ 4EFF\ 5B8B Chinese imitation of Song Dynasty
Lihei ProLiHei Pro Medium\ 4E3D\ 9ED1 Pro Lihei Pro
Lison ProLiSong Pro Light\ 4E3D\ 5B8B Prolisong Pro
Italics BiauKai\ 6807\ 6977\ 4F53
Apple LiGothic Medium\ 82F9\ 679C\ 4E3D\ 4E2D\ 9ED1 Apple Lizhong Black
Apple Apple LiSung Light\ 82F9\ 679C\ 4E3D\ 7EC6\ 5B8B Apple Li Song
Windows
New detail PMingLiU\ 65B0\ 7EC6\ 660E\ 4F53
Detail MingLiU\ 7EC6\ 660E\ 4F53 detail
Italics DFKai-SB\ 6807\ 6977\ 4F53
Boldface SimHei\ 9ED1\ 4F53 blackbody
SimSun\ 5B8B\ 4F53 Arial
New Song NSimSun\ 65B0\ 5B8B\ 4F53 New Song
Imitating Song FangSong\ 4EFF\ 5B8B imitating Song
Italics KaiTi\ 6977 4F53 italics
Imitating Song _ GB2312FangSong_GB2312\ 4EFF\ 5B8B_GB2312 imitating Song _ GB2312
Italics _ GB2312KaiTi_GB2312\ 6977\ 4F53_GB2312 italics _ GB2312
Microsoft Microsoft JhengHei\ 5FAE\ x8F6F\ 6B63\ 9ED1\ 4F53 Microsoft is boldface
Microsoft YaHei\ 5FAE\ 8F6F\ 96C5\ 9ED1 Microsoft Yahi
Office
LiSu\ 96B6\ 4E66 official script
Young circle YouYuan\ 5E7C\ 5706 baby circle
Chinese Fine Black STXihei\ 534E\ 6587\ 7EC6\ 9ED1
Chinese italics STKaiti\ 534E\ 6587\ 6977\ 4F53
Chinese Arial STSong\ 534E\ 6587\ 5B8B\ 4F53
STZhongsong\ 534E\ 6587\ 4E2D\ 5B8B Chinese Middle Song Dynasty
STFangsong\ 534E\ 6587\ 4EFF\ 5B8B Chinese imitation of Song Dynasty
Founder body FZShuTi\ 65B9\ 6B63\ 8212\ 4F53 founder body
Fang Zheng Yao FZYaoti\ 65B9\ 6B63\ 59DA\ 4F53
Chinese color cloud STCaiyun\ 534E\ 6587\ 5F69\ 4E91 Chinese color cloud
Chinese Amber STHupo\ 534E\ 6587\ 7425\ 73C0 Chinese Amber
Chinese official script STLiti\ 534E\ 6587\ 96B6\ 4E66
STXingkai\ 534E\ 6587\ 884C\ 6977 Chinese script
Chinese New Wei STXinwei\ 534E\ 6587\ 65B0\ 9B4F
On how to write Chinese fonts in CSS is shared here, I hope the above content can be of some help to you, can learn more knowledge. If you think the article is good, you can share it for more people to see.
Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.
Views: 0
*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.
Continue with the installation of the previous hadoop.First, install zookooper1. Decompress zookoope
"Every 5-10 years, there's a rare product, a really special, very unusual product that's the most un
© 2024 shulou.com SLNews company. All rights reserved.