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

您使用了错误的语法。

您应该链接到实际的字体文件...而不是页面

看起来应该是这样的：

@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 */
}