Question

我目前正在尝试向我的网站添加自定义字体，但似乎无法正常工作，我不是很好的atm编程人员，但是我的朋友不在家，所以我只想为他找到解决方案。如果使用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-family: 'Typogrotesk'; /*a name to be used later*/
src: url('TheURLToTheFontFile'); /*URL to font*/

} 然后像这样在css，html和javascript中使用它

这是针对CSS

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

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

Answer 2

您需要指向字体的url，而helvetica neue是付费字体。使用网络安全字体font-family: Helvetica, sans-serif;是加载Helvetica的最简单方法

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

2 个答案: