@jsweb/font-awesome-base64

@jsweb/font-awesome-base64

Font Awesome icons compiled with base64 embedded font to CSS instead of link to font files.

About

This compilation uses original files from fontawesome package and a little custom hack to replace @font-face src url settings and embed font with data-uri.

Only WOFF2 fonts are included to minify the compiled CSS at most as possible and because WOFF2 is supported by all major modern browsers.

Web projects are the target. Specially PWA with offline capabilities, caching the CSS icons lib easy.

IE compatibility is not a concern. For a compatibility reference see the link:

Can I use - WOFF2

Install

CDN

<link rel="stylesheet" href="https://unpkg.com/@jsweb/font-awesome-base64" />

NPM

npm i -S @jsweb/font-awesome-base64

Yarn

yarn add @jsweb/font-awesome-base64

Files

If you download the package using NPM or Yarn, you must use files as follows:

• dist/fa-base.css: Fontawesome base icon classes (55.8 kB)
• dist/fa-brands.css: Web font for brand icons (101.5 kB)
• dist/fa-regular.css: Web font for regular icons (18.4 kB)
• dist/fa-solid.css: Web font for solid icons (101,7 kB)
• dist/fa-all.css: All above (277.3 kB)

Only free icons are included and you can see them at Fontawesome icons index:

https://fontawesome.com/icons?d=gallery&s=brands,regular,solid&m=free