从icomoon加载自定义字体

时间:2018-03-01 08:54:20

标签: css fonts icons

我正在使用icomoon创建自定义字体,但我无法加载它。我已经使用字体书检查了它似乎没关系但是我在加载它时遇到了问题。

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

enter image description here enter image description here

1 个答案:

答案 0 :(得分:0)

看起来你的style.css和字体在同一个文件夹中。 请尝试从字体路径中删除 dilatefonts 。以下示例 -

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