无法显示自定义网页字体

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”替换为字体路径。

<强> EDIT 对不起，我看错了，我发现了问题。如果你看看你的@import

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

“url”与您的路径之间有一个空格，因此请将其重新填充：

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

Answer 2

我遇到了同样的问题 - 我的所有语法都是正确的。我被朋友指示可能是字体本身被破坏或不正确。以下是解决方法：

（1）使用从fontfabric.com下载的原始字体 （2）去www.fontsquirrel.com生成一个新的字体套件......包括css （3）从FontSquirrel生成的上传字体 （4）用FontSquirrel为@ font-face部分生成的css替换我的CSS （5）更新了CSS中稍后调用的字体名称

就是这样......就像魅​​力一样！