halfred888 / web-icons Goto Github PK

#Web Icons ###The web iconic font and CSS framework.

Web Icons is a full suite of popular web icons for easy scalable vector graphics on websites.

1. Download and extract the repository
2. Copy the css/web-icons.css to your project
3. Copy the fonts folder to your project
4. Ensure the font urls within web-icons.css properly reference the fonts path within your project.
5. Include a reference to the web-icons.css file from every webpage you need to use it.

simply add icon's classname, such as wb-dashboard to an HTML element.

<i class="wb-dashboard"></i>

Please read through our contributing guidelines. Included are directions for opening issues, coding standards, and notes on development.

This plugin requires Grunt. Note that ttfautohint is optional, but your generated font will not be properly hinted if it’s not installed. And make sure you don’t use ttfautohint 0.97 because that version won’t work. And you need add WOFF2 support.

brew install ttfautohint fontforge --with-python
npm install grunt-webfont --save-dev

You may need to use sudo for brew, depending on your setup.

fontforge isn’t required for node engine (see below).

💀 Notes on experimental WOFF2 support.

sudo apt-get install fontforge ttfautohint
npm install grunt-webfont --save-dev

fontforge isn’t required for node engine (see below).

💀 Notes on experimental WOFF2 support.

npm install grunt-webfont --save-dev

Then install ttfautohint (optional).

Only node engine available (see below).

Web Icons will be maintained under the Semantic Versioning guidelines as much as possible. Releases will be numbered with the following format:

<major>.<minor>.<patch>

And constructed with the following guidelines:

• Breaking backward compatibility bumps the major (and resets the minor and patch)
• New additions, including new icons, without breaking backward compatibility bumps the minor (and resets the patch)
• Bug fixes and misc changes bumps the patch

For more information on SemVer, please visit http://semver.org.

Looking for social icons? Please checkout https://github.com/amazingSurge/brand-icons

Web Icons is licensed under the MIT license.