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