search

verbb / icon-picker

A Craft CMS field to select SVG or font icons from a folder for use in your content.
Other
17 stars 8 forks source link

Font Awesome styles #26

Closed bymayo closed 1 year ago

bymayo commented 4 years ago

Description

Because Font Awesome comes with different styles (Regular, Solid, Light, Brands, Duotone) it would be good if you could set which style you wanted to output, currently theres no way of specifying this in the CMS.

So this would then output the correct class e.g. .fab for brands or .fal for light etc.

So currently if you choose Facebook icon, it won't out put as the class for the icon needs to be fab fa-facebook.

engram-design commented 4 years ago

Are you using the built-in Remote Icon set, or using your own self-hosted Font Awesome packs?

bymayo commented 4 years ago

@engram-design Just the built in one (Which I think is also slightly outdated as lot of the new FA icons aren't in the list)

engram-design commented 4 years ago

Yeah, I'd been debating updating it, but they've also changed he mechanism of delivery for newer updates. I don't believe there'll be a free CDN for the icons, instead you'd need to create a hosted kit. Still thinking about this

michtio commented 3 years ago

@engram-design this is a must to have, some icons from the free set are prefixed with fab ( for the brands ) some are prefixed with fas, fal, fab or far

We just load them in through NPM the full package and build it accordingly, but it requires to build up your classes as fab fa-facebook-f or fal fa-external-link-alt which would be different than far fa-external-link-alt

I see that you could simply add a prefix value to be outputted as well

engram-design commented 1 year ago

Added better support for Font Awesome 5/6 in 2.0.0