<html>
<head>
<title>innomotion media</title>
<style type="text/css" media="screen, print">
@font-face {
font-family: "Baiti";
src: url(fonts/baiti.ttf");
}
body { font-family: "Baiti", serif }
</style>
</head>
<body>
This is Baiti
</body>
</html>作为一个长期的编码者，我总是避开 HTML 或 CSS。但现在是我需要一个网页的时候了。基本语法对我来说很清楚，但是我已经偶然发现了我的自定义字体。
html 文件位于我的驱动器上。旁边是一个名为“fonts”的本地文件夹。我以为我已经正确引用了该文件夹，并且通过打开网页，使用了“Baiti”字体。
但事实并非如此。它显示了一些清晰度。 times new roman 什么的。
我做错了什么？
<html>
<head>
<title>innomotion media</title>
<style type="text/css" media="screen, print">
@font-face {
font-family: "Baiti";
src: url(fonts/baiti.ttf");
}
body { font-family: "Baiti", serif }
</style>
</head>
<body>
This is Baiti
</body>
</html>
最佳答案
src: url("./fonts/baiti.ttf");
在预览字体时，还要确保字体系列与名称匹配。如果您使用的是 woff 或 woff2
喜欢，
src: url("./fonts/baiti.woff");
src: url("./fonts/baiti.woff2");
关于html - 为什么不显示我的自定义字体(HTML、CSS、BEGINNER)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55493533/