Question

我正在尝试将自定义字体上传到我正在处理的网页，并且无法弄清楚它为何无法正常工作。我知道它不会在字体文件的片段中工作但是没有上传，但考虑到文件的路径是正确的并且css文件链接到html文档不应该正常工作？

＆＃13;

@font-face {
    font-family: 'customFont';
    src: url(../fonts/BebasNeueBook.otf) format("otf");
}

.text{
    color: rgb(87, 87, 87);
    font-family: customFont !important;
}

＆＃13;

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

＆＃13;

Answer 1

老实说，你的代码似乎是正确的...但只有.otf文件。

尝试将您的otf字体拖到此网站：https://transfonter.org/，它将在一次下载中提供所有的webfont格式以及使其工作所需的css。

如果之后没有显示，那么其他东西就会出现

如何加载自定义字体？

1 个答案: