The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
4 posters

    Font Awesome Update

    LucianoMicle
    LucianoMicle
    Forumember


    Posts : 61
    Reputation : 2
    Language : Spanish / English

    Font Awesome Update Empty Font Awesome Update

    Post by LucianoMicle March 15th 2022, 3:49 am

    Hello!
    I've been trying to update the tutorial how to install and use Font Awesome with this code, but when publishing an icon in a test theme. I skipped a little square that wasn't right. The icon did not appear as it should have.
    Try looking for the stylesheet
    Updated to not use version 4.7.0. Since I want to use other symbols (FREE) to print it to the forum.
    I tried Font-Family CSS: Font Awesome 5/ or 6 Free but it didn't work either.
    I leave the code that I tried to update the icons:
    I will wait for an answer. Greetings
    brandon_g
    brandon_g
    Manager
    Manager


    Male Posts : 10113
    Reputation : 923
    Language : English
    Location : USA

    Font Awesome Update Empty Re: Font Awesome Update

    Post by brandon_g March 15th 2022, 4:16 am

    Hello,
    When you try the newer version of Font Awesome what happens? Does the button simply not work at all or do you get an error message or anything?

    Also admittedly that tutorial is probably in need of an update. Perhaps we can add it to our list of tutorials to update when we find the time.

    -Brandon



    Font Awesome Update Brando10
    Remember to mark your topic Font Awesome Update Solved15 when a solution is found.
    General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

    Font Awesome Update Scre1476
    Team Leader
    Review Section Rules | Request A Review | Sticker Points
    LucianoMicle
    LucianoMicle
    Forumember


    Posts : 61
    Reputation : 2
    Language : Spanish / English

    Font Awesome Update Empty Re: Font Awesome Update

    Post by LucianoMicle March 15th 2022, 4:24 am

    Hi @Brandon_g
    No, I don't miss any mistakes. It just doesn't display the icon I want to show.
    I hope there is an update, I'll wait for it.
    I repeat; the code is not displayed (content: \etc), and in the editor when I use the awesome font I only see a square. Like something is missing or I don't know
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece

    Font Awesome Update Empty Re: Font Awesome Update

    Post by skouliki March 15th 2022, 8:00 am

    hello

    try this
    Code:

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"> {T_HEAD_STYLESHEET}

    You can see the list of codes here https://www.fontawesomecheatsheet.com/font-awesome-cheatsheet-4x/


    SarkZKalie and TonnyKamper like this post

    SarkZKalie
    SarkZKalie
    Support Moderator
    Support Moderator


    Male Posts : 1443
    Reputation : 220
    Language : English

    Font Awesome Update Empty Re: Font Awesome Update

    Post by SarkZKalie March 15th 2022, 8:18 am

    @LucianoMicle First of all, you should have an embed CDN for FontAwesome stay available on your site

    Second, for some icons you have to add a CSS like this
    Code:
    .class-name:after {
        content: "\f000";
        font-family: 'FontAwesome';
    }

    or you can put this in anywhere you want
    Code:
    <i class="fa fa-glass"></i>



    Font Awesome Update Sarkzk10

    skouliki and TonnyKamper like this post

    LucianoMicle
    LucianoMicle
    Forumember


    Posts : 61
    Reputation : 2
    Language : Spanish / English

    Font Awesome Update Empty Re: Font Awesome Update

    Post by LucianoMicle March 15th 2022, 3:00 pm

    Hello @Skouliki / @SarkZKalie
    The code that you gave me worked, but when it came to passing it to the css (for example, I want to use it in the range).
    I see it in the editor. But in the css for the range no.
    Spoiler:
    Spoiler:
    Spoiler:
    But, if I use the code from:
    <i class="fas fa-crown"></i>
    Yes it works but when passing it to the css it doesn't.

    CSS:



    Edit: Some things I had like font awesome icons disappeared.
    In the name of the forum and in a category.
    Spoiler:

    Edit 2: I have to use the version of the tutorial again, until there is a new update because it brought me display problems / etc
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece

    Font Awesome Update Empty Re: Font Awesome Update

    Post by skouliki March 16th 2022, 12:53 pm

    I have been informed that the Spanish Support is looking to update it, and that is talking to the author about this already 

    please wait for an answer on SSF about this issue

    this topic will be locked

    thank you

    TonnyKamper, The Last Outlaw and LucianoMicle like this post


      Current date/time is November 11th 2024, 7:56 pm