CSS字体无法设置成功的问题

摘要:
可以在CSS中设置字体名称并直接编写中文。然而,当文件编码不匹配时,将发生乱码错误。xp系统不支持微软雅黑这样的中文。字体系列:“5FAE8F6F96C59ED1”表示字体设置为“Microsoft典雅黑色”。

CSS 中设置字体名称,直接写中文是可以的。但是在文件编码(GB2312、UTF-8 等)不匹配时会产生乱码的错误。xp 系统不支持类似微软雅黑的中文。

方案一:你可以使用英文来替代。比如 font-family:"Microsoft Yahei"


方案二:
CSS 直接使用 Unicode 编码来写字体名称可以避免这些错误。使用 Unicode 写中文字体名称,浏览器是可以正确的解析的。

font-family: "5FAE8F6F96C59ED1",表示设置字体为“微软雅黑”。

字体名称

英文名称

Unicode 编码

宋体

SimSun

5B8B4F53

新宋体

NSimSun

65B05B8B4F53

黑体

SimHei

9ED14F53

微软雅黑

Microsoft YaHei

5FAE8F6F96C59ED1

楷体_GB2312

KaiTi_GB2312

69774F53_GB2312

隶书

LiSu

96B64E66

幼园

YouYuan

5E7C5706

华文细黑

STXihei

534E65877EC69ED1

细明体

MingLiU

7EC6660E4F53

新细明体

PMingLiU

65B07EC6660E4F53

  不过为了照顾不同电脑的字体安装问题,我们尽量只使用宋体和微软雅黑中文字体啦

免责声明:文章转载自《CSS字体无法设置成功的问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇EF中的批量操作SpringCloud 配置文件 application.yml和 bootstrap.yml区别下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

浅谈CSS中的百分比

结论: 标准流中的元素,看其属性有没有继承性。对于width和margin-left,它是可以继承的,它会参照父元素或者祖先元素(其实是包含块);对于height,它没有继承性,父元素或者祖先元素会自适应其所有子元素的高度和(这点是需要注意的)。 绝对定位参照的是离它最近的父元素或祖先元素,如果没有父元素或祖先元素,那么参照的是初始包含块(不同的浏览器可...

Nginx 安装及配置、负载均衡https网站及转发后页面js、css等路径找不到问题、更换证书导致问题解决

官网下载nginx:http://nginx.org/en/download.html 安装nginx编译环境:yum install -y gcc-c++ 安装pcre库解析正则:yum install -y pcre pcre-devel 安装zlib库用于压缩解压缩:yum install -y zlib zlib-devel 安装openssl库...

JQuery中的DOM操作

内容摘录自锋利的JQuery一书 一. DOM操作的分类 一般来说,DOM操作分为3个方面,即DOM Core(核心)、HTML-DOM和CSS-DOM。 1. DOM Core DOM Core并不专属于javascript,任何一种支持DOM的程序设计语言都可以使用它。它的用途并非仅限于处理网页,也可以用来处理任何一种使用标记语言编写出来的文档,如XM...

CSS 伪类选择器

对css的伪类选择器真的是又爱又恨,每次都很完美的被搞混了,还是得做一下总结。 1.  :nth-of-type(n)   选择第n个元素 1 <div class="box"> 2 <p>1 永远相信美好的事情</p> 3 <a>2 即将发生</a> 4 <p&g...

浏览器、HTML、css 面试题

1.什么是盒模型 盒模型(内容(content),内边距(padding),边框(border),外边距(margin)),值得注意的是,块级元素可以设置宽高,内边距,边框,外边距 行内元素宽高自动,并排显示。 2.行内元素有哪些?块级元素有哪些? 空(void)元素有那些?行内元素和块级元素有什么区别? CSS规范规定,每个元素都有display属性,确...

stylelint — css书写规范

sass lint guidance 一、安装:npm intsall -g stylelint 二、配置:http://stylelint.io/user-guide/rules/ (以下规则文件配置一个即可,置于项目根目录下) “.stylelintrc” { "rules": { "declaration-block-trailing-semico...