如何加载自定义字体？

我想上传一个自定义字体到我正在工作的网页，并不知道为什么它不会工作。我知道它不会在字体文件的片段中工作，但不会上传，但考虑到文件路径是正确的，并且CSS文件链接到了html文档，它不应该正常工作吗？如何加载自定义字体？

@font-face { 
 
    font-family: 'customFont'; 
 
    src: url(../fonts/BebasNeueBook.otf) format("otf"); 
 
} 
 

 
.text{ 
 
    color: rgb(87, 87, 87); 
 
    font-family: customFont !important; 
 
}

<span class="phone text">T. 1 877 412 0888</span>

来源

2017-04-06 S. Miller

老实说，你的代码似乎有关的权利......但只有杂项文件文件。

尝试将您的otf字体拖拽到此网站：https://transfonter.org/这将为您提供一次下载的所有网页格式以及使其工作所需的CSS。

如果没有后显示出来，然后还有其他事情是高达

来源

2017-04-06 17:59:56 StefanBob

整洁的工具，你给我看，终于得到了它的工作。谢谢。 –

不客气，很高兴帮助 – StefanBob

如何加载自定义字体？

回答

相关问题