css - 如何加载 Icomoon 字体

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 中的调用更改为“@import url("../fonts/icomoon/style.css");”。感谢大家的帮助。