agusmakmun.github.io
agusmakmun.github.io copied to clipboard
Update Font Awesome
Hello! How can I do update of awesome icon font from 4.6.3 to 5?
hi @kshutashvili, you just need to change that font awesome in this static folder
hi @kshutashvili, you just need to change that font awesome in this static folder
In your theme you use font awesome 4.6.3 , and I can not find how can I update font on Jekyll I am change file https://github.com/kshutashvili/kshutashvili.github.io/blob/master/static/css/font-awesome.min.css but icons was desapeare (((
you should change the source of your fonts looks like this. https://github.com/agusmakmun/agusmakmun.github.io/blob/master/static/css/font-awesome.min.css
src: url("../webfonts/fa-brands-400.eot");
into
src: url("../fonts/fa-brands-400.eot");
It'd be nice to update it (I needed the mastodon icon and it doesn't exist in the used CSS).
Just in case someone else is in the same situation. I'm using font-awesome free 5.15 and I did the following steps:
- Download Font Awesome Free to your PC and extract it
- Copy brands.min.css and fontawesome.min.css from /css in the extracted folder to static/css in your jekyll blog
- Delete font-awesome.min.css (notice the hyphen) from static/css
- Copy from your extracted folder all the fa-brands-400 files to your jekyll static/fonts
- Modify brands.min.css text replacing the folder webfonts with fonts
- Modify _layouts/default.html adding the two references to both new css files and deleting the old one
- Modify the following line
<i class="fa {{ link.icon }}">
for<i class="fab {{ link.icon }}">
and save the file