Dev Dev - 4 months ago 27
HTML Question

Incorrect displaing content CSS?

I have the following CSS code:

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


After this are
::before
pseudo:

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


So, it is displaying incorrect, like as square everywhere. Look at picture

enter image description here

Answer

Make sure you have the require font loaded. the box is to indicate the character is not found.

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