社交图标Web字体在Codepen中加载,但不会在本地惊人或在线中加载



这是我的笔:

http://codepen.io/marcmurray/pen/ccdbu

这是我的页面:

http://daraghkane.bcfedigitalmedia.com/moh/

由于某种原因,字体拒绝在Codepen以外的本地或网上加载,我觉得这可能与我的CSS的这一部分有关:

@import url (..)
/* entypo */
[class*="entypo-"]:before 

,但老实说,我不知道该如何修复它。有人有任何想法吗?

看起来您的 @import在样式表中是很大程度上的。您是否尝试在CSS文件的一开始添加它?

根据CSS Newbie:

您的@Import必须在CSS中的所有其他内容之前出现。和我 意味着您所有的内容。甚至在@Import标签之前提出评论 将导致您的进口失败。因此,请务必在此之前进行进口 你做其他任何事情。

另请参阅此非常相似的问题 - 我没有被标记为可能的重复,因为另一个问题是关于Google字体的。

在您自己和/或本地使用Codepen的代码的最简单方法是下载笔的.zip文件,该文件将为您提供完整的笔副本.min.js文件,您需要使其正常工作。为此,只需转到Codepen上的Pens页面,然后单击"共享",然后" export.zip"下载笔。解压缩计算机上的文件,您将拥有所有使用代码(包括许可证)所需的文件!P.S我真的很喜欢这些图标!

最新更新