为什么这个字体系列的代码不起作用

Question

我的代码出了什么问题？理论上这应该有效，但字体没有显示出来。

字体位于：⁨themes⁩ ▸ themename ▸ ⁨fonts⁩ ▸ Cinque Donne ▸ CinqueDonne-Bold.ttf

CSS文件位于：⁨themes⁩ ▸ themename ▸ style.css

@font-face {
font-family: 'CinqueDonne-Bold';
src: url('./fonts/Cinque Donne/CinqueDonne-Bold.ttf') format('truetype');
}

Answer 1

只删除url中的起始"."，因为当您键入时/字体它返回到一个文件夹，这意味着它进入主题文件夹和查找未找到的字体文件夹。。并且导致字体系列不起作用。代替你的代码，你可以试试这个：

@font-face {
font-family: 'CinqueDonne-Bold';
src: url('fonts/Cinque Donne/CinqueDonne-Bold.ttf') format('truetype');
}