尝试使用我从互联网上下载但无法使用的字体

时间:2019-01-25 23:31:41

标签: html css

the photo file name and file location我正在为一个非营利组织设计一个网站,我已经下载了一种我想使用的字体,但它并非来自Google字体,因此我尝试使用该字体,面对CSS代码。许多尝试和许多视频之后,我仍然感到困惑,文件中的名称可能有误,但是我不太清楚自己的意思是什么。

@font-face{
font-family:vintage;
src: url('gonna getha personal use.ttf');
}

1 个答案:

答案 0 :(得分:0)

(非官方的)documentation,您似乎已经快到了。您可能要确保字体文件的名称中没有空格。此外,请确保您拥有使用该字体的许可-个人使用和非盈利组织可能并不总是重合。查看许可证以获取更多信息。

@font-face {
  font-family: vintage;
  src: url(fontName.tff);
}

确保字体与代码的其余部分托管在同一台服务器上,并且在src中提供正确的路径。

然后,您应该可以通过在CSS文件中指定字体来使用它:

p{
  font-family: vintage;
}

或内联:

<p style="font-family: vintage">Words here</p>