@jsweb/font-awesome-base64 - npm Package Compare versions

Comparing version 2.3.3 to 2.4.1

package.json

		{
		"name": "@jsweb/font-awesome-base64",
		"description": "Font Awesome Free icons compiled with WOFF2 base64 embedded font to CSS instead of link to font files",
		"version": "2.3.3",
		"version": "2.4.1",
		"main": "dist/fa-all.css",
		"repository": "git@github.com:jsweb/font-awesome-base64.git",
		"author": "Alex Bruno Cáceres <git.alexbr@outlook.com>",
		"author": "Alex Bruno Cáceres <contato@alexbruno.dev>",
		"license": "MIT",
		@@ -15,29 +15,21 @@ "keywords": [
		],
		"devDependencies": {
		"@babel/core": "^7.12.3",
		"@babel/node": "^7.12.6",
		"@babel/preset-env": "^7.12.1",
		"@jsweb/packs": "^2.1.2",
		"husky": "^4.3.0",
		"less": "^3.12.2",
		"npm-run-all": "^4.1.5",
		"prettier": "^2.1.2"
		},
		"husky": {
		"hooks": {
		"pre-commit": "npm run lint && git add ."
		}
		},
		"scripts": {
		"test": "npm run build",
		"build": "run-s build:*",
		"build:lint": "npm run lint",
		"build:clean": "rm -rf dist && mkdir dist",
		"build:lint": "prettier --write build/*/.mjs",
		"build:packs": "packs update",
		"build:clean": "rm -rf dist && mkdir dist",
		"build:css": "babel-node src/build.js",
		"lint": "prettier --write src/*/.js",
		"push": "git push && git push --tags",
		"build:css": "node build/process.mjs",
		"build:ls": "ls -lh dist",
		"preversion": "npm t",
		"postversion": "npm run push"
		"postversion": "git push && git push --tags"
		},
		"devDependencies": {
		"@jsweb/packs": "latest",
		"less": "latest",
		"npm-run-all": "latest",
		"postcss": "latest",
		"postcss-url": "latest",
		"prettier": "latest"
		},
		"@jsweb/packs": {
		@@ -44,0 +36,0 @@ "dir": "jsweb-packs",

README.md

		# @jsweb/font-awesome-base64 ![NPM Package](https://github.com/jsweb/font-awesome-base64/workflows/NPM%20Package/badge.svg)

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

		## Font Awesome Free 5.15.1
		## Font Awesome Free

		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
		https://fontawesome.com/search?m=free&s=solid%2Cregular%2Cbrands

		## About

		This compilation uses original files from fontawesome package and a little custom build hack with LESS to replace `@font-face src url` settings and embed font with `data-uri`.
		This compilation uses the original files from the Font Awesome package and a little magic through a custom build using PostCSS to embed the font files in CSS as base64 strings.

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

		Web projects are the target. Specially PWA with offline capabilities, caching the CSS icons lib easy.
		Web projects are the target. Especially mobile web view apps and PWA with offline capabilities, caching the CSS icons lib easily.

		IE compatibility is not a concern. For a compatibility reference see the link:
		IE compatibility is not a concern (it is dead, accept it). For a compatibility reference see the link:

		@@ -39,2 +39,6 @@ [Can I use - WOFF2](http://caniuse.com/#search=woff2)

		### PNPM

		`pnpm add @jsweb/font-awesome-base64`

		## Files
		@@ -44,6 +48,48 @@

		- `dist/fa-base.css`: Fontawesome base icon classes (~57 kB)
		- `dist/fa-brands.css`: Web font for brand icons (~103 kB)
		- `dist/fa-regular.css`: Web font for regular icons (~19 kB)
		- `dist/fa-solid.css`: Web font for solid icons (~106 kB)
		- `dist/fa-all.css`: All above (~340 kB)
		- `dist/fa-regular.css`: Web font for regular icons (33 kB)
		- `dist/fa-solid.css`: Web font for solid icons (203 kB)
		- `dist/fa-brands.css`: Web font for brand icons (156 kB)
		- `dist/fa-base.css`: Fontawesome base icon classes (79 kB)
		- `dist/fa-all.css`: All above (547 kB)

		## Usage

		You can just use the entire lib compiled in `fa-all.css`, it is the main file exported by the package.

		If you are using a build tool for CSS compilation, just import the file in your CSS, like this:

		```css
		@import '@jsweb/font-awesome-base64';
		```

		If you prefer to link the file from the CDN source, you can do it like this:

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

		If you don't need the entire lib or want to use any variants separately, you need to import/link the variant itself AND the `fa-base.css`.

		Like this:

		```css
		@import '@jsweb/font-awesome-base64/dist/fa-solid.css';
		@import '@jsweb/font-awesome-base64/dist/fa-base.css';
		```

		Or:

		```html
		<link
		rel="stylesheet"
		href="https://unpkg.com/@jsweb/font-awesome-base64/dist/fa-solid.css"
		/>
		<link
		rel="stylesheet"
		href="https://unpkg.com/@jsweb/font-awesome-base64/dist/fa-base.css"
		/>
		```

		## Version

		You can check the version of the Font Awesome package by looking into the comments at the beginning of the compiled files or just browsing the lib on CDN: https://unpkg.com/@jsweb/font-awesome-base64

dist/fa-all.css