css常用font-family字体大全

font-family 微软雅黑

font-family 宋体设置

css font-family 黑体设置

css字体样式

css中文字体设置

css设置字体

css如何正确设置兼容阅读器的中文字体

网页字体大小设置为12px还是14px？

CSS font-family字体(宋体 黑头 微软雅黑)CSS文字字体属性教程

HTML网页DIV+CSS规划中，都必须对网页设置字体样式font-family，假设不设置将会形成不同阅读器因阅读器品牌版本不同默许显示不同文字字体，形成文字字体不一致的低级兼容成绩(扩充了解CSS字体大小)。

一、CSS字体属性单词

对文字设置CSS字体样式利用CSS属性单词：

font-family

二、font-family语法

font-family:值

如：

font-family:”黑体”;

font-family:”宋体”;

font-family:”微软雅黑”;

font-family:”新宋体”;

以上是系统默许有的字体。

font-family语法小例子：

p{ font-family:"微软雅黑";}

设置网页中所以p标签内文字font-family字体为微软雅黑字体。

三、font-family中文字体抉择与转换

网页规划中英文字体抉择，依据默许大家电脑系统都有的可设置为网页规划利用font-family字体值，其它太偏的用户电脑没有字体不要设置，避免你本人电脑装的字体本人阅读此网页没成绩，其它用户没有装这样字体形成font-family字体失效。

1、font-family中文字体抉择

重点CSS5引见下font-family中文字体抉择与设置技巧。

因为不同电脑系统(WIN系统、苹果系统等)默许装置字体不多(大多系统默许相反字体更是少之又少，好在常见几个中文字体电脑系统都默许装置)，形成咱们在DIV CSS开发网页时分，字体不能乱设置，如果你装置很多字体，能够你CSS font-family设置字体在本机上能正确显示，然而在其余没有装置此字体电脑上不能正确显示该字体，而是事实其它系统默许字体，这样形成低级字体兼容成绩，所以咱们在CSS规划时分能乱设置中文字体。

常见默许中文字体可font-family设置有哪些？

黑体、宋体、微软雅黑、新宋体

常见就此4个字体其中新宋体用的也比较少。

所以引荐大家在DIV CSS规划也好在网页美工设计也好要做HTML用文字表达的利用以上几个字体来设计即可，避免字体兼容或美工设计与HTML后字体不同。

2、中文字体转换

黑体——font-family:”黑体”

宋体——font-family:”宋体”

微软雅黑——font-family:”微软雅黑”

这样利用这几个字体没成绩，然而间接利用中文字作为font-family字体样式，在大多品牌和版本阅读器中能显示失常，然而在微软IE9阅读器(IE9以上没有测试过)中假设font-family是用中文字来设置这些字体会形成line-height失效，那处理方法？

将中文字体的中文字用英文名或转换为Unicode。

1)、中文字用英文替代，比如：

黑体 英文 SimHei

font-family:”黑体” 与font-family:”SimHei”是一样的 都是设置为黑体。

宋体 英文 SimHei

font-family:”宋体” 与font-family:”SimSun”是一样的 都是设置为黑体。

微软雅黑 英文 Microsoft YaHei

font-family:”微软雅黑” 与font-family:”Microsoft YaHei”是一样的 都是设置为黑体。

2)、中文字转换Unicode，比如：

黑体 Unicode转换 \9ED1\4F53

font-family:”黑体” 与font-family:”\9ED1\4F53”是一样的 都是设置为黑体。

宋体 Unicode转换 \5B8B\4F53

font-family:”宋体” 与font-family:”\5B8B\4F53”是一样的 都是设置为黑体。

微软雅黑 Unicode转换 \5FAE\8F6F\96C5\9ED1

font-family:”微软雅黑” 与font-family:”\5FAE\8F6F\96C5\9ED1”是一样的 都是设置为黑体。

阅历：假设需求利用英文、或Unicode类型字体咱们不需求记住这些字体英文拼写，咱们只有要进入CSS5字体转换专题页查找对应中文字体Unicode转换转化即可。网址：//www.css5.com.cn/jiqiao/325.shtml

四、font-family实例

CSS5为大家实际font-family宋体、黑体、微软雅黑，掌握font-family用法。

这里对div、p、span分别设置这三种font-family字体样式。在利用这三个中文字体时会转换为Unicode格式以便兼容各大阅读器。

1、字体对应转换

黑体 Unicode转换 \9ED1\4F53

宋体 Unicode转换 \5B8B\4F53

微软雅黑 Unicode转换 \5FAE\8F6F\96C5\9ED1

当然还可能利用英文，但这里利用Unicode转换后字体。

更多字体转换速查：//www.css5.com.cn/jiqiao/325.shtml