html - 无法显示自定义网页字体

Question

我有一些自定义图标想用作网页字体:

但是，我似乎无法显示它们。我只能看到相应的字母(“a”和“f”)。如图here您还将看到字体“socialico”的工作示例

Answer 1

使用@font-face 过去我在使用 font-face 时遇到过很多麻烦，但如果你输入正确，它就可以正常工作:

@font-face {
  font-family: 'Custom Font Name';
  font-style: normal;
  font-weight: 400;
  src: url(linktofont.com/font.ttf) format('truetype');
}

将“自定义字体名称”替换为您希望在使用 CSS 时为字体命名的名称。并将“linktofont.com/font.ttf”替换为字体路径。

编辑 对不起，我读错了，我找到了问题所在。如果你看看你的@import

@import url (http://pastebin.com/raw.php?i=sc4rCApa);   

你在“url”和你的路径之间有一个空格，所以用:

@import url(http://pastebin.com/raw.php?i=sc4rCApa);