向网站添加自定义字体（HTML / CSS）

Question

我目前正在尝试添加自定义字体到我的网站，但它似乎不起作用，我不是很好的编程，但我的朋友不在家，所以我只是想为他找到一个解决方案。它目前的工作原理如果使用Calibri作为字体，但任何自定义下载的字体都适用。他正在尝试使用HelveticaNeue字体。该字体位于godaddy的服务器文件夹中名为“fonts”的文件夹中。谢谢！ :)这是代码：

@font-face {
 font-family: "HelveticaNeue";
    src: url("fonts/HelveticaNeue.otf);
     }





 h1{
    font-family: Calibri;
     letter-spacing: 6px;
     }

 p{
 font-family: Calibri;
 letter-spacing: 1px;
  }

Answer 1

添加一个简单的font-face

@font-face {
font-family: 'Typogrotesk'; /*a name to be used later*/
src: url('TheURLToTheFontFile'); /*URL to font*/

然后从css，html和javascript中使用它

这是为了css

 .example {
font-family: 'Typogrotesk';  
 }

我用于所有自定义字体的最佳方法是使用此qazxsw poi为我的字体生成必要的代码

Answer 2

您需要指向该字体的网址，而helvetica neue是付费字体。使用网络安全字体fontsquirrel是加载helvetica的最简单方法