Html 尝试加载css字体时出现mime类型错误_Html_Css_Mime Types_Mime

Html 尝试加载css字体时出现mime类型错误

html css

Html 尝试加载css字体时出现mime类型错误,html,css,mime-types,mime,Html,Css,Mime Types,Mime,我加载了字体，保存文件时出现mime类型错误：我不明白到底发生了什么这是html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <

我加载了字体，保存文件时出现mime类型错误：

我不明白到底发生了什么

这是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">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" src="Branda-yolq.ttf">
    <title>Document</title>
</head>
<body>
    <h1 id="welcomingText">Welcome to QUIZ</h1>
    <button id="init-button">Start Quiz!</button>
    <div class="contentDivDisplayed">
        <p id='question'>question</p>
        <span><input type="radio" autocomplete="off" name="hh"><p></p></span>
        <span><input type="radio" autocomplete="off" name="hh"><p></p></span>
        <span><input type="radio" autocomplete="off" name="hh"><p></p></span>
        <span><input type="radio" autocomplete="off" name="hh"><p></p></span>
        <p id="quest-num">questionNum</p>
        <button id="next-button">Next</button>
    </div>
    <div id="alert-box"></div>
    <script src="quiz.js"></script>
</body>
</html>

此线路导致以下问题：

<link rel="stylesheet" src="Branda-yolq.ttf">

你告诉浏览器加载一个样式表，但是你给它一个字体文件。这就是MIME类型错误的原因。删除该行，错误将消失。您已经在css中加载了字体

<link rel="stylesheet" src="Branda-yolq.ttf">