Question

我想弄清楚如何将Icomoon字体合并到我的网站中，但我无法加载字体。我下载了文件并将它们应用到我的/ fonts目录。然后我按照here的说明将icomoon / fonts中的文件复制到/ fonts。我编辑icomoon / style.css阅读：

@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot');
src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.svg') format('svg');
font-weight: normal;
font-style: normal;
}

我把它包含在我的style.scss“@import”../fonts/icomoon/style.css“;”中。在我的一个pages上，我试图包含一个图标，但它没有显示出来。我做错了什么？

Answer 1

好吧，我明白了。我将icomoon / style.css改为：

@font-face {
font-family: 'icomoon';
src:url('../icomoon.eot');
src:url('../icomoon.eot?#iefix') format('embedded-opentype'),
url('../icomoon.woff') format('woff'),
url('../icomoon.ttf') format('truetype'),
url('../icomoon.svg') format('svg');
font-weight: normal;
font-style: normal;
}

我将style.scss中的调用更改为＆＃34; @import url（＆＃34; ../ fonts / icomoon / style.css＆＃34;）;＆＃34;。谢谢大家的帮助。

Answer 2

我无法看到您在主css中调用该字体 style.css （http://oakwood.slamagency.com/wp-content/themes/reverie-oakwood/css/style.css）而且我也看不到你在标题中的任何地方都叫 icomoon / style.css 。尝试调用文件 icomoon / style.css 或将所需代码添加到主题css style.css

如何加载Icomoon字体

2 个答案: