整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
ont 属性可以用来作为 font-style, font-variant, font-weight, font-size, line-height 和 font-family 属性的简写，或将元素的字体设置为系统字体。
font-family写法示例：
<style>
p{
font-family: "幼圆";
}
</style>
</head>
<body>
<p>19级启嘉班</p>
</body>效果：
技术等级】中级
本文重点讲解CSS文件中的字符集问题，同时展示了中文字体的英文名称应该如何使用。本文属于前端开发的中级教程，适合于有一定的CSS开发经验的学习者。
现在页面的CSS代码多采用CSS文件的方式链接使用，这主要是秉承了“标记”与“表象”相分离的设计原则，让CSS代码在一个独立的文件中呈现。
在CSS文件中同样会出现一定的中文，例如：中文注释，中文字体名称。这些中文内容，浏览器能够自动识别而不至于解释为乱码吗？
W3C为CSS文件准备了一个设置文件字符集的命令，该命令的书写格式如下：
CSS文件使用 @charset “utf-8”; 命令设置文件字符集
该句命令的使用有如下的规定：
上述代码中@和charset之间不得有空格。
所指定的字符集名称必须用双引号引住。
命令末尾必须带有一个分号。
该句命令在一个CSS文件中只允许出现一次。
该句命令必须书写在CSS文件的第一行，前面不得有任何内容，也不得有任何注释。
该句是为CSS文件中出现的非ASCII码字符所设定的。为了让非ASCII字符不出现乱码或者字体中文名称起作用，必须设置该句。当然现在的许多编辑器在这方面处理的都比较好，设计人员无需书写该句，也能正确的实现非ASCII字符。
一、Sublime 中如何修改CSS字符集：
在编辑器Sublime 3中，如果要修改字符集，单纯的在 @charset 命令中改变字符集的名称是不行的。
首先，默认情况下，Sublime 3认定的字符集为 utf-8，从下图中指定的位置可以看出。
Sublime 3 中指定文件当前字符集的位置
图中箭头指向的位置表明当前的字符集设置为“utf-8”，图中第1句指定的字符集命令也是“utf-8”。这样，代码第4行的中文字体名称“汉仪综艺体简”就可以在页面中生效了。
如果想使用“gb2312”或者“big5码”字符集，则需要更改Sublime 3中指定的字符集。方法是在“文件”菜单下选择“设置文件编码”命令，从中找到想使用字符集，例如“GBK”，就表示“gb2312”字符集。
Sublime 3 中更改文件编码
如果没有对Sublime 3进行文件编码设置，只是更改了 @charset 命令中指定的字符集名，则在代码中使用的中文字体名称是不会生效的。
箭头指定的两个位置必须是一致的
二、中文字体的英文名称表示法：
如果能让中文字体的名称不再使用中文书写，而是使用英文书写，那么CSS文件中几乎就很少再会有非ASCII字符的出现了。所以，每一个中文字体都具备一个英文名称表示法。大家应该熟悉一些常用字体的英文名称表示法，这样就不用在CSS文件顶部注明 @charset 命令了。
下面，小海老师就为大家搜集了一些常用中文字体的英文表示法，希望大家在学习过程中注意知识的积累。
宋体：SimSun
仿宋：FangSong
黑体：SimHei
楷体：KaiTi
幼圆：YouYuan
隶书：LiSu
微软雅黑：Microsoft YaHei
华文细黑：STXihei
华文中宋：STZhongsong
华文仿宋：STFangsong
花纹新魏：STXinwei
华文行楷：STXingkai
华文彩云：STCaiyun
华文隶书：STLiti
如果您的电脑是 Apple Mac OS，还可能会用到下列字体：
丽宋Pro：LiSong Pro Light
丽黑Pro：LiHei Pro Medium
苹果丽中黑：Apple LiGothic Medium
苹果丽细宋：Apple LiSung Light
标楷体：BiauKai
将上述中文字体的英文名称用在 font-family 属性中指定字体，就可以不用在书写 @charset 命令了。
下一次小海老师会为大家讲解CSS中有关文本段落的属性，结合前面HTML的内容，可以对页面中的段落进行更为细致的调整。千万不要错过哦。
如果大家希望得到更加全面的关于HTML和CSS技术讲解的内容，可以私信我，我会免费将小海老师自己编写的HTML和CSS的PDF教材发给你，帮助你在前端开发的道路上阔步前行。
好，我是PPT模板专家——小皮老师。
我已经在头条累计分享——超过1500套漂亮的PPT模板，有需要PPT模板，找我就对了！
私信回复：下载。点击我的头像，即可看到“私信”的按钮。
前面几期，我们分享了针对PPT新手的几篇文章。
PPT新手掌握这5个技巧！做PPT简直有如神助，附工具下载
PPT新手最常见3大错误！现在看还能挽救一下
PPT新手常犯这7个错误，你有吗？附对比图
还没看过的小伙伴们可以点击链接查看！
那么，今天小皮老师跟大家分享的是中国风字体。
你看，近些年来，越来越多国潮崛起了！比如说故宫和百雀羚等等。
故宫潮品
百雀羚广告
中国风的设计也越来越受到关注！将中国风字体运用到设计当中，不仅可以增加设计的文化韵味，还可以提现出咱们民族的设计性。
今天，小皮老师就给大家推荐一波非常好看的中国风字体，从上百款中国风字体里面挑选出来的，真的太美了。
希望大家能够喜欢，记得点赞关注评论一波哦~感谢大家！
话不多说，开始介绍：
一款带有古典气息的汉仪字体，外形和手书体有点像，线条张扬肆意，富有动势
这是方正字体库的经典简体字体，这款字体字形非常美观,字体端正
大书法家王羲之的一款中文字体，王羲之的字非常好看，具有笔力雄劲，入木三分的特点
一款非常好用的方正字体，字体棱角分明，非常的霸气和美观，外加上楷体，看着非常的舒服
是一款很有个性的中文字体,字体输写高低不一,很有设计感
一款非常漂亮的毛笔书法字体，这款字体极具力量却不失美感的字体形式
一款非常独特的字体，第一眼看上去就非常的大气美观，笔画看上去非常的连贯流畅
字体笔锋犀利，热情奔放，非常好看。
融合了楷体、行书的新型字体，字形十分优美，笔锋细腻
一款出自苏新诗之手的碑帖字体
10款最美中国风字体，更新完毕！喜欢吗？
希望越来越多的朋友，都能够关注中文字体的设计！咱们一起为为中国文化的全新探索一起努力！
再次感谢这些优秀的字体设计师和字体设计公司
注：字体如果要商用，请购买版权哦。
OK，以上就是今天我们分享的内容了！
私信回复关键词：字体！ 即可获得上面10款字体的打包下载的地址。
觉得有点收获的话，可以帮小皮老师，点赞，评论转发一下！
欢迎大家留言评论。
*请认真填写需求信息，我们会在24小时内与您取得联系。
