search

agusmakmun / agusmakmun.github.io

:coffee: Free and open-source Jekyll theme
https://agusmakmun.github.io
MIT License
442 stars 571 forks source link

Update Font Awesome #40

Open kshutashvili opened 4 years ago

kshutashvili commented 4 years ago

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

agusmakmun commented 4 years ago

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

kshutashvili commented 4 years ago

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

agusmakmun commented 4 years ago

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");
ffuentese commented 3 years ago

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