gpt4 book ai didi

html - CSS 使用文件夹中的自定义字体 (ttf)

转载 作者:太空宇宙 更新时间:2023-11-04 09:04:09 25 4
gpt4 key购买 nike

我正在用 notepad++ 在本地测试 html(还没有创建网站),我正在尝试使用自定义下载的字体。所以,我下载了一个 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 ...如何以这种方式使用自定义字体?泰

最佳答案

您不需要整个文件路径。由于它在同一个文件夹中,只需使用 url('zz/fontname.ttf)

或者如果 ttf 文件与 index.html 文件在同一目录中,则删除 'zz'

关于html - CSS 使用文件夹中的自定义字体 (ttf),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42561688/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com