无法在我的沼泽本地主机中加载@font_face？

Question

我正在尝试在我的网站中添加一些自定义字体，但无法这样做。我不确定我使用的是对还是错。请帮助。

@font-face {
  font-family: XfinityStandard
  src: url('landingpage/fonts/XfinityStandard-Light.woff2') format("woff2");

其中landingpage是文件夹名称。

Answer 1

主要有两种检查方法：

1. 该字体是否在正常工作（即您能否看到它正确呈现），并且

2. 检查您的页面（例如，在Chrome中，右键单击您希望在其上呈现字体的文本，然后从下拉菜单中选择Inspect。在您的Styles标签中，在页面的右下角，应该有一个名为Rendered Fonts的部分。如果正确实现了字体，则应该在此处显示（除了所应用的css层次结构之外，还应在其中列出字体）

如果此处未显示您的字体，请确保遵循以下步骤：

1. @font-face规则应在任何样式之前添加到CSS中

2. 在CSS中使用规则，方法是将字体指定为XfinityStandard，并提供类似sans-serif的后备广告，例如body { font-family: 'XfinityStandard', sans-serif; }

3. 确保您拥有广泛的支持，因此在指定字体时，请添加format('woff')

的其他来源

4. 就像Devansh J提到的那样，请确保您的字体相对于css文件

5. 如果仍然有问题，请考虑使用Google Fonts之类的托管字体，如下所示：@import url(///fonts.googleapis.com/css?family=Montserrat，可以用作body { font-family: 'Montserrat', sans-serif; }