html - 尝试加载 css 字体时出现 mime 类型错误
问题描述
我加载了字体,保存文件时出现 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>
这是CSS代码:
@font-face {
font-family: "skot";
src: url("Branda-yolq.ttf");
}
解决方案
此行导致问题:
<link rel="stylesheet" src="Branda-yolq.ttf">
你告诉浏览器加载一个样式表,但是你给它一个字体文件。这就是你得到 MIME 类型错误的方式。删除该行,错误应该消失。您已经在 css 中加载字体。
推荐阅读
- python - 具有 groupby 两个特征的箱线图
- java - 在选项卡布局/片段中切换时 Android 应用程序崩溃
- docker - 将 cron 添加到 Docker 映像
- python - numpy.where - 奇怪的行为:新元素不知从何而来?
- reactjs - 使用 WebStorm,如何让 React 自动导入组件在 HOC 上工作
- python - 蟒蛇 | 从未知目的地复制文件
- python - python多处理池阻塞主线程
- javascript - 如果路径中存在文件,我想在输入类型中设置自动选择的文件
- android - Firebase 存储在上传到数据库期间出错
- google-places-api - 如何测试 Google Place API 第三方属性