首页 > 解决方案 > 为什么当我正确定义 @font-face 时它不起作用?

问题描述

这是我的@font-face 代码

@font-face {
  font-family: "NotesEsa-Bold";
  src: url("C:\Users\test\Desktop\Webpage\Fonts\NotesEsaBol.ttf") format("truetype"); /* Safari, Android, iOS */
  font-weight: normal;
  font-style: normal;
}

当我使用 font-family 定义我添加的字体时,它不起作用。我用铬。

标签: htmlcssfonts

解决方案


你确定你正确地导入了文件吗?如果您在浏览器中复制 url,它是指向某个东西还是 404 ?我在问,因为你在你的代码中发布了这个src: url("C:\Users\test\Desktop\Webpage\Fonts\NotesEsaBol.ttf")并且 ad在之前丢失了.ttf

如果这不是问题,请确保您调用字体系列的方式与您定义它的方式完全相同(带或不带引号)。


推荐阅读