Question

<html>
    <head>
        <style>
            h1{
                @font-face {
                    font-family: bc;
                    src: url("bc.otf") format("opentype");
                }
            }    
        </style>
    </head>

    <body>
        <h1>0123456789 ABCD</h1>
    </body>
</html>

这是我的示例代码。为什么我的字体不起作用？我的字体也没有出现在chrome开发人员工具中。

Answer 1

通常你在元素之外声明font-face，即

 <style> 
    @font-face {
        font-family: bc;
        src: url("bc.otf") format("opentype");
    }

    h1{
        font-family: bc;
    }

</style>

除了检查之外，您已将字体放在正确的位置

Answer 2

您的style应该是这样的

<style>
     @font-face {
        font-family: bc;
        src: url("bc.otf") format("opentype");
     }
     h1{
          font-family: bc;     
      }    
</style>

为什么我的字体不起作用

2 个答案: