html - 无法应用下载的字体

Question

我在网站的英文版中使用 Nunito Sans 并在此处看到:https://localfonts.eu/?s=Nunito+Sans&post_type=product还有保加利亚语版本的字体，这正是我需要的。

我尝试下载并将其添加到我的元素文件夹中。

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

body {
    font-family: NunitoSans;
}

不幸的是，这没有任何效果。

Answer 1

Replace the existing source URL with the new URL you created by uploading each file.

By default, the source URL location is set within the downloaded Web Font Kit. It needs to be replaced by the location on your server.

引用: https://www.pagecloud.com/blog/how-to-add-custom-fonts-to-any-website