Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 25, 2018 at 4:05 pm #1014253
    maucherOnline

    Hey guys,

    I created a custom icon font and uploaded it via enfold backend. Everything’s working fine but now our client want’s to add his icons for customization to headings etc.

    As this is not possible out of the box, we tried creating custom classes which he would then paste into the CSS field.
    However, the standard way with 

    .testclass:before {
  content: "\ue801";
  font-family: "ifb_custom_font3";
}

    … is not working. We keep getting nothing but the text of content: “”; showing up in the frontend.
    Via inspect element, we also see strange signs which, pasted into an editor, show up as Chinese symbols.

    Screenshots:
    http://prntscr.com/kyjip1
    http://prntscr.com/kyjm0n
    http://prntscr.com/kyjmd6

    Your help is highly appreciated.

    Thanks,
    David

    September 25, 2018 at 5:10 pm #1014299
    Guenni007

    get rid of the u _ it is indicated by the \

    .testclass:before {
  content: "\e801";
  font-family: "ifb_custom_font3";
}
    September 25, 2018 at 5:16 pm #1014304
    maucherOnline

    Thanks! It’s working now.

    September 25, 2018 at 5:53 pm #1014332
    Jordan Shannon

    Hi,

    I’m glad this got resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Use custom font icons in css :before selector’ is closed to new replies.