html - 如何在 html/css 中使用字体

Question

我正在为学校建立一个网站，想使用一种特殊的字体，但是当我导入它时，它没有显示字体。我尝试使用 @face-font{font-family: something; src: url(font.ttf);我使用它的 css 看起来像这样:header{font-family: something;}我也用 .otf 文件尝试过，但这也不起作用。我也试过<link ref="font" href="font.ttf">还有一个 .otf 文件。但在所有情况下，字体都没有出现。是我在某些代码中的错，还是字体无法使用？字体的链接是:http://www.fontspace.com/darrell-flood/quiet-meows

Answer 1

要包含自定义字体，您需要在 CSS 中的某处使用它:

@font-face {
      font-family: 'QuietMeows';
      src: url('../fonts/quiet_meows.ttf')  format('truetype'),
           url('../fonts/quiet_meows.otf')  format('opentype');
}

下载字体后，您需要将其移动到您的元素中，我将其放入fonts 文件夹并重命名为quiet_meows。

然后你可以像这样在你的 CSS 中使用它:

p {
    font-family: 'QuietMeows';
}