Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

How are Chinese fonts written in CSS?

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.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report