Question

我正在使用notepad ++测试html localy（尚未创建网站），我正在尝试使用自定义下载字体。所以，我已经下载了一个ttf字体并将其放在一个包含html文件的文件夹下。然后我用

<html>
<head>
<style> 
@font-face {
  font-family: myFirstFont;
  src: url('C:\Users\Jon\Desktop\zz\clights.ttf')  format('truetype');
}

div {
    font-family: myFirstFont;
}
</style>
</head>
<body>

<div>Test123</div>

</body>
</html>

但这似乎不起作用。我看过很多答案，但他们都提到在你的网站内容中添加一个字体，但我正在测试html localy ...我怎样才能这样使用自定义字体？ TY

Answer 1

您不需要整个文件路径。由于它位于同一文件夹中，只需使用url（＆＃39; zz / fontname.ttf）

或者，如果ttf文件与index.html文件位于同一目录中，则删除＆＃39; zz＆＃39;

CSS使用文件夹中的自定义字体（ttf）

1 个答案: