进口字体失败

问题描述:

这是我的style.css进口字体失败

@font-face { 
    font-family: 'Lato-Regular'; 
    src: url("../../fonts/Lato-Regular.woff") format("woff"), url("../../fonts/Lato-Regular.woff2") format("woff2"); 
} 

HTML文件

<div class="text-center" style="font-family:Lato-Regular;color:#bef4f7;margin-top:-23px;font-size:32px"> 
       Text Example 
      </div> 

它失败了,把我的错误

enter image description here

我”米做错了吗?

+0

您的网址()路径似乎不正确。 – Syden

这是你的文件路径。它导致名为“资产”的文件夹。也许文件路径应该是url(“../ fonts/Lato-Regular.woff”)(一个../更少)(或者多一个 - 只是在这里猜测,但无论如何,请检查文件路径)

+0

我还有另外一个例子,我的团队中的另一位程序员做了这个确切的地址,我放了同一个文件夹。仍然不起作用 –

检查并查看您的www/assets/fonts /中是否存在字体文件。

您的路径可能不正确,您收到的错误属于该类型。考虑在图像上显示完整路径错误以及CSS文件,这可以被100%确认。

另外,我可以建议为什么不使用谷歌的CDN,它会给你更大的跨浏览器兼容性。

<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> 
 
<div class="text-center" style="font-family:Lato;color:#bef4f7;margin-top:-23px;font-size:32px"> 
 
    Text Example 
 
</div>

请使用CDN并通过谷歌

<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> 

或 如果你想比请贴上适当的文件夹中所有下载的字体就会目空一切工作在本地使用的免费字体。