文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在HTML网站中包含自定义字体？

问如何在HTML网站中包含自定义字体？
EN

Stack Overflow用户

提问于 2021-05-15 23:52:21

回答 2查看 179关注 0票数 0

下面是我尝试在HTML项目中包含字体的方法：

@font-face {
  font-family: 'Commodore';
  url('Commodore-64-v6.3.ttf') format('truetype');
}
p {
  font-family: Commodore;
}

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Font Family Test</title>
      <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <p>Lorem ipsum dolor sit amet.</p>
  </body>
</html>

指定的ttf字体与CSS和HTML文件在同一目录中，但未使用？取而代之的是，它使用了一些Times -like字体。为什么？

html

css

web

font-face

truetype

回答 2

Stack Overflow用户

发布于 2021-05-15 23:57:39

您使用的@font-face Try语法不正确

 @font-face {
    font-family: 'Commodore';
    src: url('Commodore-64-v6.3.ttf') format('truetype');
 }
 p {
   font-family: Commodore;
 }

您可以阅读有关@font-face here的更多信息

票数 0

Stack Overflow用户

发布于 2021-05-16 00:02:30

尝试在url之前添加src:，如下所示

@font-face {
    font-family: 'YourFontName'; /*a name to be used later*/
    src: url('../fonts/font.ttf'); /*URL to font*/
}

另外，把你的字体放在"fonts“文件夹中。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/67548631

复制

相似问题

问如何在HTML网站中包含自定义字体？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在HTML网站中包含自定义字体？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在HTML网站中包含自定义字体？
EN