为什么微软雅黑字体显示不了呢，编程有问题吗？

来源：3-5 选择题

imcKONG

2018-10-02 01:19:13

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style>
        ul {
            color:green;
        }
        ol {
            color:blue;
        }
        li {
            font-size:20px;
        }
    </style>
</head>
<body>
    <p style="font-family: Microsoft YaHei">图书排行榜</p>
<ul>
    <li>三体</li>
    <li>盗墓笔记</li>
    <li>三生三世十里桃花</li>
  </ul>
<font style="font-family: Microsoft YaHei">游戏排行榜</font>  
<ol>
       <li>英雄联盟</li>
       <li>DOTA</li>
       <li>魔兽世界</li>
    
</ol> 
</body>
</html>

写回答

1回答

guly

2018-10-05

你好，不生效的3种情况：
1.当此属性定义的是全局样式时，对于表单类的标签就不会生效，还需要再次定义如：
body {font-family: "Microsoft YaHei";}对表单input就不生效，
还需要定义一个input {font-family: "Microsoft YaHei";}才可以。
2.本地计算机不存在微软雅黑字体，有的系统默认没有微软雅黑，则一般默认为宋体，只要下载一个微软雅黑字体，安装后即可。

3.还有一个是字符集问题，建议把中文font-family:" 微软雅黑";改为font-family: "Microsoft YaHei";字符集申明一下UTF-8或GB2312。

建议参考代码如下使用标题标签设置：

<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>后代选择器</title>
        <style type="text/css">
           *{font-family:"微软雅黑";}
            .list{font-size:20px;}
            ul.list li{color:green;}
            ol.list li{color:blue;}
        </style>
    </head>
    <body>
       <h3>图书排行榜</h3>
        <ul class="list">
            <li>三体</li>
            <li>盗墓笔记</li>
            <li>三生三世十里桃花</li>
        </ul>
        <h3>游戏排行榜</h3>
        <ol class="list">
            <li>英雄联盟</li>
            <li>DOTA</li>
            <li>魔兽世界</li>
        </ol>
    </body>
</html>