How to Use Fontawesome in Chrome Extension

Fontawesome + Chrome extension - fa-solid-900.woff2 not loading

Sonfoa..

Ok, all my pain in life is caused by serving up a local file. The setup is all fine, it's just that it doesn't like serving resources for file:///... or anything of the sort. I was using a local test page (test.html).

Slap up the test page in local IIS so that it's being served like a normal web site, put in a URL match for http://localhost:*/* and it works just fine.

Font Awesome no longer working on browser Extension

After thinking about the answer I have discovered the solution. I logged into my Fontawesome account and grabbed the CDN version of the CSS link. This now works with no issue.

I also added it to my manifest.json in the content_security_policy area.

How to use @font-face on a Chrome Extension in a Content Script

Here is how to get local path in css:

body {
  background-image:url('chrome-extension://__MSG_@@extension_id__/background.png');
}

More about it here.

Does Google Chrome have a problem with Font-Awesome Icons. Does it not support it?

I'm not an expert but maybe look up the icons again on Font Awesome and check if they maybe changed the class names and if so update it, same goes for the CDN link

---

Related Topics