替换内容CSS不正确？

Question

我有以下CSS代码：

<i class="mce-ico mce-i-alignright"></i>

之后是::before伪：

.mce-i-alignright:before {
    content: "\e005";
}

所以，它显示不正确，就像到处都是方形。看图片

Answer 1

确保已加载require字体。该框用于表示未找到该字符。

@font-face {
  font-family: myFirstFont;
  src: url(font_name.woff);
}
i{
font-family: myFirstFont;
}

Answer 2

您需要指定这些符号所需的字体才能正确显示字符。您可能会或可能不会从字体创建者那里获得各种不同的格式，您应该在页面中包含尽可能多的格式，如下所示：

@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 */
}
i.mce-ico {
    font-family: 'MyWebFont';
}