Question

@Font-Face无法使用我的自定义字体文件。我查看了HowTo的几个指南，他们都不适合我使用的字体文件。我在这做错了什么？我在我的浏览器中使用firefox和chrome进行测试。我使用的字体是Difference between next and nextline。

＆＃13;

@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;
}

＆＃13;

<h1>
  testing
</h1>

＆＃13;

Answer 1

尝试进行这些更改 -

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

如果它是Linux服务器，则在URL中添加“/”，否则在Windows（xampp）上保留原样。
从网址中删除“_”（并重命名文件）。
同时删除空格，将“RuneScape UF”改为“RuneScapeUF”
还要确保您的css文件具有604或644权限（如果是Linux）。
同样在CSS文件中而不是在body下，直接在h1下声明font-family。

使用Font-Family的自定义字体

1 个答案: