我的@font 字体无法与我的自定义下载字体一起使用

Question

我正在尝试使用 dafont 和/或 fonts2u 中的字体向我的网站添加自定义字体。

我已完成以下步骤：

1. 下载 zip 并通过 ftp 将字体文件放入我的字体文件夹中。
2. 检查了我尝试从中提取字体并与 CSS 相关的两个网站的命名约定。

这是我的代码（用于 fonts2u 尝试）：

` 身体{ font-family: "MOON GET！Heavy"; }

   @font-face {
    font-family:"MOON GET! Heavy";
    src: url("moon_get-Heavy.eot?") format("eot"),
    url("moon_get-Heavy.woff") format("woff"),
    url("moon_get-Heavy.ttf") format("truetype"),
    url("moon_get-Heavy.svg#moon_get-Heavy") format("svg");
    font-weight:normal;
    font-style:normal;
  }

`

我做错了什么？我只使用过谷歌字体及其格式，所以我没有那么丰富的经验，但我想弄清楚。

Answer 1

如果您将字体保存在字体文件夹中，那么您应该为这些字体创建一个正确的 URL。 你可以试试

@font-face {
    font-family:"MOON GET! Heavy";
    src: url("fonts/moon_get-Heavy.eot?") format("eot"),
    url("fonts/moon_get-Heavy.woff") format("woff"),
    url("fonts/moon_get-Heavy.ttf") format("truetype"),
    url("fonts/moon_get-Heavy.svg#moon_get-Heavy") format("svg");
    font-weight:normal;
    font-style:normal;
  }