Icomoon字体下载错误

Question

进入网站时出错

​

​

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

如何克服这个错误？

编辑：

我用过这段代码，即使在本地系统中也不显示任何图标

​

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

​

建议我现在做什么？

Answer 1

您使用了错误的语法。

您应该链接到实际的字体files...not页面

它应该看起来像这样：

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}