0
Welcome Guest! Login
0 items Join Now

New Font Awesome 6 icons

Last Post
Search Topic

  • New Font Awesome 6 icons

    Posted 1 month 3 weeks ago
    • Gantry 5 already uses FA6 icons. But within those updates are made as well. Like the new X icon instead of the old Twitter bird. I already read some stuff and I see in Gantry an override can be used, but still can't get it to work. Can anyone tell me how to embed the latest FA6 icons of FA6.7.2 in Gantry?
    #1459270
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22254
    • Thanks: 3223
    • messin' with stuff

    Re: New Font Awesome 6 icons

    Posted 1 month 3 weeks ago
    #1459277

  • Re: New Font Awesome 6 icons

    Posted 1 month 2 weeks ago
    • Cannot access this page??
    #1459298
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22254
    • Thanks: 3223
    • messin' with stuff

    Re: New Font Awesome 6 icons

    Posted 1 month 2 weeks ago
    • hmmm, I would've thought Wordpress General was open to everyone... I'll repost it here... the post was specific to the new bluesky icon but the process is the the same in general
    • Last Edit: 1 month 2 weeks ago by Matt.
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    #1459299
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22254
    • Thanks: 3223
    • messin' with stuff

    Re: New Font Awesome 6 icons

    Posted 1 month 2 weeks ago
    • Copy from other thread:
      ---

      The version of FA loaded by the Icon Picker in Gantry is slightly older than when Bluesky was added to FA. They have a free/open source version you can add manually though. IMO the easiest way to do that is via CDN hosted link

      You can grab various links here: cdnjs.com/libraries/font-awesome

      Or just use this "ALL" link for everything (maybe you wanna be a little "lighter" and just load the Brands icons, your call... you are sort of double loading FA since Gantry will load its early v6 version as well)
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css" integrity="sha512-5Hs3dF2AEPkpNAR7UiOHba+lRSJNeM2ECkwxUIxC1Q/FLycGTbNapWXB4tP889k5T5Ju8fs4b1P5z/iB4nMfSQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />

      Put that in Base Outline > Page Settings > Head Area > Custom Content

      Then you can manually load the icon with HTML:
      <i class="fa-brands fa-bluesky"></i>

      or, you can simply put the "fa-brands fa-bluesky" bit directly in the Social Particle or any other particle using Gantry's Icon Picker... I don't think it'll show up in the visual picker but you can just manually put those classes in for any given item.
    • Last Edit: 1 month 2 weeks ago by Matt.

    • The following users have thanked you: Jaime Gonzalez Magallanes, Bjorn Claes

    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    #1459300

Time to create page: 0.052 seconds