我已经启用了Live Server，从dafont下载了“丹尼尔”和“Comfortaa”字体用于这个项目，但这两种字体都没有显示在我的浏览器中（Chrome -我也试过Brave，同样的结果）。
这是我的HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS Test</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>hello</h1>
<p>Paragraph asdfsadf</p>
</body>
</html>字符串
我的CSS：
@font-face {
font-family: 'daniel';
src: url(daniel.ttf);
};
@font-face {
font-family: 'comfortaaBold';
src: url(Comfortaa-Bold.ttf);
};
h1 {
font-family: 'daniel';
};
p {
font-family: 'comfortaaBold';
};型
所以，基本上字体不会显示在我的浏览器中，我不明白为什么。奇怪的是，当我注解掉我的@font-face指令时，丹尼尔字体只显示出来（我不明白--不是需要激活font-family指令才能工作吗？），而comfortaa字体没有。对这里发生的事情有什么想法吗？谢谢！
我试着切换浏览器，甚至完全退出VS代码，重置我的电脑，没有什么改变。
1条答案
按热度按时间bq8i3lrv1#
不是一个完整的答案，但检查你的目录行的字体相对于你的css文件，即：
字符串