Missing icons in Block manager
Question
Hi,
I have started using grapesjs and for some reason some of the icons from the Block Manager are missing.

I can see that the icons displayed use font awesome, while the icons not displayed have the classes "gjs-fonts" and for example "gjs-f-b1"
When looking at the CSS, I can find these styles:
.gjs-fonts::before {
display: block;
font: normal normal normal 14px font3336;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 5em
}
``
.gjs-f-b1::before {
content: 'Q'
}
Why can't I see any icons? Am I supposed to add the icons manually or what do I need to do? Not sure it is related, but I also get a missing font error that I don't know where it comes from. The path not found is project/path/fonts/main-fonts.woff?v=20
Thanks for your help
Answers (2)
Just in case anyone else gets this, and ends up here without an answer:
I had this issue, after downloading the raw CSS + JS files from unpkg - the exact same files worked fine when running from the CDN, but I got the same error when pointing at them locally.
I resolved this by browsing the unpkg folders (https://unpkg.com/browse/[email protected]/dist/) - the grapes.js files is in the root, with two folders called "css" and "fonts". The issue with icons not loading is probably caused by not having the font files downloaded, and the CSS not pointing correctly (as the path in the CSS files are looking at a relative path).
So either get all the files and use the same folder-structure, or get the font files and edit the CSS to point at the right files.
Hi @jamejillagit , did you find the solution for this? I also faced the same.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #536
Better Alignment for Block in Block Manager
For example, Block for 2 Columns and 2 Columns 3/7 's font awesome and label are not aligned
Issue #2038
Buttons flashing with question mark and non responsive.
Hi, I'm having issues using this library, firstly some buttons are missing their icons and are flashing when clicking on them they are not...
Issue #401
Cannot upload images
Hi, while uploading an image through asset manager, I get the following error: Assetmanager configuration at editor init looks like Folder...
Issue #1294
How to add category for default block manager?
@artf I want put all default blocks to category named "Basic". But I can't find any documents about it. I use editor.BlockManager.getAll()....
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.