agusmakmun.github.io icon indicating copy to clipboard operation
agusmakmun.github.io copied to clipboard

Update Font Awesome

Open kshutashvili opened this issue 5 years ago • 4 comments

Hello! How can I do update of awesome icon font from 4.6.3 to 5?

kshutashvili avatar Aug 04 '19 12:08 kshutashvili

hi @kshutashvili, you just need to change that font awesome in this static folder

agusmakmun avatar Aug 04 '19 12:08 agusmakmun

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 (((

kshutashvili avatar Aug 04 '19 12:08 kshutashvili

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");

agusmakmun avatar Aug 04 '19 12:08 agusmakmun

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:

  1. Download Font Awesome Free to your PC and extract it
  2. Copy brands.min.css and fontawesome.min.css from /css in the extracted folder to static/css in your jekyll blog
  3. Delete font-awesome.min.css (notice the hyphen) from static/css
  4. Copy from your extracted folder all the fa-brands-400 files to your jekyll static/fonts
  5. Modify brands.min.css text replacing the folder webfonts with fonts
  6. Modify _layouts/default.html adding the two references to both new css files and deleting the old one
  7. Modify the following line <i class="fa {{ link.icon }}"> for <i class="fab {{ link.icon }}"> and save the file

ffuentese avatar Oct 15 '20 19:10 ffuentese