自定义字体字体-家庭

Question

@Font-Face不使用我的自定义字体文件。我看了几个关于HowTo的指南，它们都不适用于我正在使用的字体文件。我在这里做错什么了？我正在使用firefox和chrome在浏览器中进行测试。我使用的字体是这里。

​

@font-face {
  font-family: "RuneScape UF";
  src: url("fonts/runescape_uf.ttf") format("truetype");
  font-style: 100;
}

body {
  background-image: url("image/BS/bg.jpg");
  background-size: cover;
  font-family: "RuneScape UF";
  color: yellow;
  font-size: 40px;
}

<h1>
  testing
</h1>

​

Answer 1

试着做些改变-

@font-face{
font-family: RuneScapeUF; src: url(/fonts/RunescapeUF.ttf);
}

1. 如果是Linux服务器，在url前添加一个"/“，否则在windows (xampp)上保持原样。
2. 从url中删除"_“(并重命名您的文件)。
3. 同时移除空格，使"RuneScape UF“变成"RuneScapeUF”
4. 还要确保css文件具有604或644权限(如果是Linux)。
5. 同样在CSS文件中，而不是在body下，直接在h1下面声明字体系列。

顺便说一句，既然你可以轻松地操作"p“，为什么不使用"p”而不是"h1“呢？