Question

所以我试图导入本地字体，但由于某些原因它无法被识别，我可以获得一些快速帮助，我会在哪里出错吗？

我目前有3个文件：索引页面，stylesheet.css和fonts.css。我试图使用字体＆＃39; cinzel＆＃39;但是它没有用。

索引页面：

<html>
<head>
    <link rel="fonts" type="text/css" href="css/fonts/fonts.css"/>
    <link rel="stylesheet" type="text/css" href="css/stylesheet/stylesheet.css"/>
    <style type="text/css">



    </style>
    <title>
        RENTDrive
    </title>
</head>

<body>
    <h1> RENTDrive </h1>

    <hr>


    <h3> Lots of exotic cars to choose from</h3>
    <a href="fleet.html">Book your vehicle now!</a> <p> Terms and conditions apply</p>
</body>

stylesheet.css页面：

h1 {
    font-family: 'cinzel';
}

h3 {
    font-family: 'cinzel';
}

fonts.css页面：

@font-face {
    font-family: 'cinzel';
    src: url('css/fonts/Cinzel-Regular.otf') format('opentype'),
         url('css/fonts/CinzelDecorative-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

Answer 1

可以将rel更改为样式表。

<link rel="stylesheet" type="text/css" href="css/fonts/fonts.css"/>

Answer 2

标题标记的默认字体粗体是粗体（在用户代理样式表中）。所以，您将删除font-weight: normal，您可以看到

试图导入本地字体，但它无法正常工作

2 个答案: