`-n` is name of your files (`css`, `eot`, `ttf`, `woff`, `woff2`, etc) Icon-font-generator icons/*.svg -o dist -n endless -p endless -normalize -round 0 -mono -height 250 "test": "echo \"Error: no test specified\" & exit 1" SVG Icons to CSS Fonts (A Webfont Kit)Īdd the following (change as you'd like): Rm CNAME CONTRIBUTING.md README.md LICENSE.md package-lock.json package.json index.html stylesheet.css site_script.js I've had the best luck with single-color (black) SVG icons that are square (ie 30px x 30px). > Are you making custom SVG icons? If that's the case, you'll have to test your icon a few times. Download and install () (recommended but optional)įor this, we use () because it gives us a breadth of branded icons that we might want to include in our own set. Create a CDN via AWS S3 and AWS Cloudfront with a custom domain Convert SVG Icons into a "webfont icon kit" aka css fonts with () Convert SVG icons into your very own css-based fonts (including `eot`, `ttf`, `woff`, and `woff2`). I mean `fa fa-github` is rather easy to remember that's the github icon.īut what if our team decided we want our own awesome icons?Įnter this guide. It's a simple way to have great looking icons that are both easy to remember and easy to implement. If you're like me, you've undoubtably used ().
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |