|Ondřej Hruška 86bf9c215e mention the custom css||1 year ago|
|Fork-Awesome @ 285008117b||1 year ago|
|output||1 year ago|
|patcher||1 year ago|
|.gitignore||1 year ago|
|.gitmodules||1 year ago|
|README.md||1 year ago|
|build.sh||1 year ago|
|install.sh||1 year ago|
|package-lock.json||1 year ago|
|package.json||1 year ago|
|screenshot.png||1 year ago|
This is a little hack that lets you generate custom Fork-Awesome builds with only a subset of icons.
Mostly dependencies of the Fork-Awesome project:
bundle(package may be named
Fork-Awesome/folder is not empty.
git submodule initand
git submodule update
./install.sh. This should prepare the FA submodule for building the font.
fontcustom.default.ymlhave been created.
wanted.ini, and customize it as needed.
#will be excluded.
fontconfig.ymlif you wish to give your custom font a different name, or change the class prefix.
./build.shto build your customized font.
The generated font should be compatible with the Fork-Awesome CSS. However, our CSS is different.
This version does not include any of the FA helper classes (like
fa-spin), and you also don't need to use the
to apply the font. Simply add the icon class, like
fa-star, to your element, and the icon will appear in
::before pseudo-element. This behavior is similar to fonts generated by fontello.
<i class="icon-save"></i> abusing the italic element
<div class="icon-save"> this works too</div>
Note that the icon does not include any spacing by default. If you want it, add it in your custom CSS, or include spaces
in your HTML (perhaps using
). You can also customize the CSS template in
this is used as a header, followed by the icon codes.
Another way to add the icon to an element is by adding
Ӓ is a character entity
code you copied from the preview HTML. This is a bit harder to use, but may be useful in some situations. You can also
use this method to sneak emoji or other characters into your pages as icons, but you have to html-encode them first.
<i data-icon="😀"></i> this is a grinning face emoji
--- EOF ---