用阿里巴巴的字体复制的网页地址，想给h2标题文字改样式，按老师教的操作后，文字字体没变化

来源：2-7 字体属性详解

weixin_慕村1291783

2020-10-14 16:25:30

具体遇到的问题

用阿里巴巴的字体复制的网页地址，想给h2标题文字改样式，按老师教的操作后，文字字体没变化

报错信息的截图

尝试过的解决思路和结果

粘贴全部相关代码，切记添加代码注释（请勿截图）

在这里输入代码
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="">
    <style>
        @font-face {
            font-family: 'webfont';
            font-display: swap;
            src: url('//at.alicdn.com/t/webfont_en95zry13ht.eot');
            /* IE9*/
            src: url('//at.alicdn.com/t/webfont_en95zry13ht.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('//at.alicdn.com/t/webfont_en95zry13ht.woff2') format('woff2'), url('//at.alicdn.com/t/webfont_en95zry13ht.woff') format('woff'), /* chrome、firefox */
            url('//at.alicdn.com/t/webfont_en95zry13ht.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
            url('//at.alicdn.com/t/webfont_en95zry13ht.svg#站酷高端黑') format('svg');
            /* iOS 4.1- */
        }
        
        a {
            text-decoration: none;
            color: #009;
        }
        
        h2 {
            color: green;
            font-family: 'webfont';
        }
        
        span {
            color: orange;
        }
    </style>
</head>

<body>
    <h2>大话西游之大圣娶亲的影评</h2>
    <p>
        <a href="">热门</a>/<a href="">最新</a>/<a href="">好友</a>
    </p>
    <hr>
    <!-- 第一段 -->
    <p>
        <a href="">罗红霉素</a><span>☆☆☆☆☆</span> 2010-07-26
    </p>
    <p>有人跟我比赛背台词么</p>
    <p>阅读：1615 <a href="">有用</a></p>
    <hr>
    <!-- 第二段 -->
    <p>
        <a href="">十七只猫和鱼</a><span>☆☆☆☆☆</span> 2010-07-26
    </p>
    <p>任何时候任何场合都可以再看一遍</p>
    <p>阅读：615 <a href="">有用</a></p>
    <hr>
    <!-- 第三段 -->
    <p>
        <a href="">暖家男</a><span>☆☆☆☆☆</span> 2010-07-26
    </p>
    <p>一定有一些电影，永远都不能被超越</p>
    <p>阅读：15 <a href="">有用</a></p>
    <hr>


</body>

</html>```

写回答

1回答