div字体_正确设置div兼容的汉字中文字体

2019-10-22 21:31:53 div字体准确设置方法,三者方法对div设置字体样式。学习DIV字体设置方法,同时如果设置常见中文汉字字体,就需要将汉字进行转化或使用英文对应汉字字体来兼容各大浏览器。

这里可以学习DIV字体设置方法,同时如果设置常见中文汉字字体,就需要将汉字进行转化或使用英文对应汉字字体来兼容各大浏览器,这样CSS设置的字体才能兼容各地浏览器。

一、全网页DIV默认字体设置

div设置字体的CSS单词:

font-family

用法:

div {font-family: "黑体",Arial, Helvetica, sans-serif}

以上设置所有div中文为黑体,和英文为Arial, Helvetica, sans-serif字体。

二、中文字体转化为英文或转码

1、可用常见中文字体

黑体、宋体、微软雅黑
通常这三个字体为常用,各个浏览器兼容,各个系统都兼容的字体,其它的特别是自己电脑安装字体设置只有你的电脑能看出,其它浏览者是没有安装将看不到对应字体。

2、中文字体必须转换

宋体 转 英文: SimSun
宋体 转 Unicode:\5B8B\4F53
微软雅黑 转 英文: Microsoft YaHei
微软雅黑 转 Unicode: \5FAE\8F6F\96C5\9ED1
黑体 转 英文:SimHei
黑体 转 Unicode:\9ED1\4F53

3、中文字体可用转换为英文或Unicode编码均可。

就拿黑体的使用
div {font-family: "黑体"}

英文使用:
div {font-family: "SimHei"}

Unicode使用:
div {font-family: "\9ED1\4F53"}

4、必须转原因

高版本IE不支持直接使用字体为中文字体的使用中文字。使用后直接影响为,line-height失效。

所以现在使用中文字体作为字体时候必须转为英文或Unicode。无论windows系统还是MAC os系统都的转。

三、div设置字体实例

完整代码:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div的字体设置 HTML8</title>
<style>
div{ font-family:"SimSun"}/* 设置宋体 */
.z{ font-family: "SimHei"}/* 设置黑体 */
#abc{ font-family:"\5FAE\8F6F\96C5\9ED1"}/* 设置微软雅黑 */
</style>
</head>

<body>
<div>我是宋体字</div>
<div class="z">我是黑体字</div>
<div id="abc">我是微软黑色</div>
<div style=" font-family:\5B8B\4F53;">直接设置宋体</div>
</body>
</html>

效果截图:

div字体
div的字体设置方法

div设置分别使用三个字体,分别使用英文和Unicode格式设置中文字体。

更新