为什么下载的字体在网站上不起作用？

仅下载字体是不够的。您必须让页面（CSS文件）知道从何处获取新字体，如css所示font-family。

我假设您已下载font-name-Regular.ttf并将其存储在./fonts/文件夹中。

在您的css文件中（最好在顶部）使用：

@font-face {
  font-family: 'font-name';
  src: url('./fonts/font-name-Regular.ttf');
}

笔记：

确保万一您拥有后备字体，以防万一@font-face浏览器不支持该规则。

例子：

html-selector {
    font-family: font-name, Helvetica, Arial, sans-serif;
}