You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

  • Support
  • Forum
  • JCE Editor
  • Awesome icone display by css —> content: “Unicode code” —> e.g. (content: "f00c" !important;) is not showing in editor?

Support is currently Online

Official support hours:
Monday To Friday
From 09:00 To 17:00 Europe/London (BST)
Ask Question
Categories
Tags
Subscribe  
  RSS Feed
Subscribe to this site with an RSS Feed Reader
New
 Issue

Awesome icone display by css —> content: “Unicode code” —> e.g. (content: "\f00c" !important;) is not showing in editor?

JCE Editor
  JCE Editor
Chacapamac
  Chacapamac
  Tuesday, 14 February 2023
  2 Replies
  895 Visits
I bring my Awesome icons in JCE Editor to make JCE more WYSIWYG

I just add this call to my local Awesome Font Folders main css at the top of my custom JCE Editor CSS file (editor_content.css)

@import "../../../../../media/astroid/assets/vendor/fontawesome/css/all.min.css";

It work perfectly if I use the full i class html of Awesome icons like —>


<i class="fa fa-check"></i>


The problem is when Icons are call by CSS and “content” it doesn't work in the editor but work perfectly on the frontend
— The typical CSS (in my custom.scss) is like this:


h6.ok::before {

    color: $orange;

    content: "\f00c" !important;

    font-family: FontAwesome;

    font-size: 140%;

    font-weight: $regular !important;

    padding-right: 10px;

}


Just display an empty square in the editor.......
Oldest First  
Chacapamac
Chacapamac
2 weeks ago
·
#113781
Accepted Answer
Forget to answer, yes it work
@import "../../../../../media/astroid/assets/vendor/fontawesome/css/all.min.css";
Ryan
Ryan
more than a month ago
·
#113105
This is working for me.

Check that this path is correct, and make sure it is at the top of the editor_content.css file:


@import "../../../../../media/astroid/assets/vendor/fontawesome/css/all.min.css";
Just because you're not paranoid doesn't mean everybody isn't out to get you.
Chacapamac
Chacapamac
2 weeks ago
·
#113781
Accepted Answer
Forget to answer, yes it work
@import "../../../../../media/astroid/assets/vendor/fontawesome/css/all.min.css";
Chacapamac selected the reply #113781 as the answer for this post — 2 weeks ago
  • Page :
  • 1
There are no replies made for this post yet.
Be one of the first to reply to this post!