如何在html / css中使用字体

NekoLuka

我正在为学校建立一个网站,并希望使用一种特殊的字体,但是当我导入它时,它没有显示该字体。我尝试使用的@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

查理·斯坦纳德

要包括自定义字体,您需要在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';
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章