Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 10, 2019 at 1:32 pm #1076998
    Digilocker

    Hi, I’m currently reworking my site and have added a few new icons that I needed through Fontello packs. Unfortunately their copy of fontawesome is quite outdated and is missing some key new ones that would be really useful for me (like artstation for one. I am a fontawesome pro member, so have license to use, but is there any other way I can integrate the new FontAwesome icons into the Enfold theme (ideally into the dashboard) so they can be used for buttons etc?

    March 13, 2019 at 12:45 am #1078055
    Basilis

    Hey Digilocker,

    Why arent you loading the font with the CSS from their CDN?
    It is the quickest way :)

    Best regards,
    Basilis

    March 13, 2019 at 1:28 am #1078063
    Digilocker

    Hey Basilis
    I’m guessing this maybe the only way. I would have liked to have still incorporated it into the layout builder really so it would be easy to use with buttons and such but not sure which would be the best way to do that with using it just through css

    March 18, 2019 at 12:18 pm #1079849
    Ismael

    Hi,

    Thank you for using Enfold.

    Do you have access to the svg file of the icon? You can upload the svg file to fontello and convert it to an icon file that is compatible with the theme’s icon font manager.

    // https://kriesi.at/documentation/enfold/icon/#adding-your-own-fontello-or-flaticon-icons-

    Best regards,
    Ismael

    March 29, 2019 at 1:30 pm #1084570
    Digilocker

    Many thanks Ismael, didn’t realise that was an option on fontello, I now have the icons I need

    March 29, 2019 at 1:53 pm #1084582
    Guenni007

    you can embed it via:

    function font_awesome_5( ){
?>
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<?php
}
add_action('wp_head', 'font_awesome_5');

    and you can use it like this:

    .custom-class h1:before {
content: "\f185";
font-family: "Font Awesome 5 Free";
font-weight: 700;
color: #db0f0f;
display: inline-block;
padding-right: 5px;
}
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.