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

问题描述：

我使用记事本++（尚未创建网站）测试html localy，并试图使用自定义下载的字体。所以，我已经下载了一个ttf字体并将它放在一个也包含html文件的文件夹下。然后我用CSS使用文件夹中的自定义字体（ttf）

<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

如果字体目录与html文件位于同一个目录中，您可以使用'url（'zz \ clights.ttf'）' – JensV

如果字体文件与您的html文件位于同一个文件夹中，那么您不需要编写整个在URL中的路径。只需编写文件名。 –

也许你在这里找到答案：http://stackoverflow.com/questions/10795708/css-font-face-does-not-work –

答

您不需要整个文件路径。自同一个文件夹，只需使用URL（“ZZ/fontname.ttf）

或者，如果TTF文件在同一目录中的index.html文件，然后删除‘ZZ’

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

相关推荐