Html @字体不工作3

我试图在测试页面上使用ttf字体，我已将其转换为woff和woff2，但浏览器不使用该字体（我已尝试使用Opera、Chrome、Vivaldi、Firefox和Edge）。这是我的密码：

@font-face {
font-family: 'RM Typerighter old Regular';
src: url('/fonts/RM_Typerighter_old_Regular.woff2') format('woff2');
src: url('/fonts/RM_Typerighter_old_Regular.woff') format('woff');
src: url('/fonts/RM_Typerighter_old_Regular.ttf') format('truetype');
}

---

您需要将所有字体文件放在一个src中，并用逗号分隔，如下所示：

@font-face {
    font-family: "RM Typerighter old Regular";
    src: url("/fonts/RM_Typerighter_old_Regular.eot?") format("eot"),
         url("/fonts/RM_Typerighter_old_Regular.woff") format("woff"),
         url("/fonts/RM_Typerighter_old_Regular.ttf") format("truetype");
}

---

可能是因为您没有使用相对路径，请尝试以下操作：

@font-face {
  font-family: 'RM Typerighter old Regular';
  src: url('./fonts/RM_Typerighter_old_Regular.woff2') format('woff2'),
       url('./fonts/RM_Typerighter_old_Regular.woff') format('woff'),
       url('./fonts/RM_Typerighter_old_Regular.ttf') format('truetype');
}

---

问题可以在不同的层次上-向我们展示代码或url及其实现。