html - 如何在 HTML 网站中包含自定义字体？

问题描述

以下是我尝试在我的 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 的字体。为什么？

标签： htmlcsswebfont-facetruetype

您没有使用@font-face以下 Try的正确语法

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

你可以在这里阅读更多@font-face

html - 如何在 HTML 网站中包含自定义字体？

问题描述

解决方案

推荐阅读