css font-family 设置宋体字

2016-12-10 21:12:12 div css font-family布局之宋体字设置篇字体为宋体字代码 CSS中文宋体兼容考虑

css font-family 宋体字设置技巧篇

字体为宋体字代码:
font-family:"宋体"
通常需要加上英文小写引号设置字体

小示例:

body{font-family:"宋体"}

设置网页字体为宋体

CSS中文宋体兼容考虑
为了兼容各大平台和浏览器,一般我们不是有中文字,需要将css字体“宋体”转换过。可以转为Unicode编码,也可以使用英文。

宋体转换如下:
宋体 转换为英文: SimSun
宋体 转换Unicode编码:\5B8B\4F53

CSS font-family宋体设置代码:

p{font-family:"SimSun"}
div{font-family:"\5B8B\4F53"}

p和div均是设置css 字体为宋体字。

扩展阅读常见中文字体转换表

完整设置宋体字体实例代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>宋体字设置 实例 HTML8</title>
<style>
body,div,p{ font-family:"\5B8B\4F53"}
/* css注释 设置body div p字体为宋体“\5B8B\4F53” */
</style>
</head>
<body>
为字体为宋体
<p>为p标签内也是宋体字</p>
</body>
</html>

字体设置截图:

Unicode编码格式设置文字字体为宋体
Unicode编码格式设置文字字体为宋体

其它字体设置:
1、css字体大全
2、css 微软雅黑
3、css字体样式
4、css设置字体
5、css如何正确设置兼容浏览器的中文字体
6、css 黑体字设置

更新