Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update Font Awesome #40

Open
kshutashvili opened this issue Aug 4, 2019 · 4 comments
Open

Update Font Awesome #40

kshutashvili opened this issue Aug 4, 2019 · 4 comments

Comments

@kshutashvili
Copy link

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

@agusmakmun
Copy link
Owner

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

@kshutashvili
Copy link
Author

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
Copy link
Owner

agusmakmun commented Aug 4, 2019

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
Copy link

ffuentese commented Oct 15, 2020

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants