老师,有关字体的问题

老师,有关字体的问题

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>font-family</title>
    <style type="text/css">
        /*补充样式*/
        h3 {
            font-family: "微软雅黑", serif;
        }
    </style>
</head>

<body>
    <h3>CSS样式表</h3>
    <p style="font-family: '宋体', '隶书';">
        <!--补充样式-->
        CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。
    </p>
</body>

</html>

问题描述:

任务已经完成了,但是当我把两个字体调换了一下为什么不能生效了呢

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<p style="font-family: '宋体', serif">第一段话</p>
<p style="font-family: '微软雅黑', serif">第二段话</p>
</body>
</html>

我自己在试的时候也是   加上 serif 会生效,但是我设置了两个字体,出来的效果确是一样的,不加 serif 的时候就不会生效了,我是 mac 电脑

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,代码是没问题的,关于同学的疑问,老师这边测试删除serif 之后,字体也会生效的,如图

https://img1.sycdn.imooc.com//climg/61e685b0091503a612850279.jpg

祝学习愉快!

  • 应该是Mac电脑的原因 我在Mac电脑自带的字体册APP里找到了字体,并没有微软雅黑,宋体倒是了,但它是宋体-简和宋体-繁,我在编辑器里重新书写了字体,已经可以生效了
    2022-01-18 19:08:34
  • 同学能够自己找到原因并解决了问题,很棒哦!

    2022-01-19 11:05:01
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师