Font-awesome: fa-layers doesnt work

[abdelhalimm]

hello , i was testing font awesome and the last update unfortunately stack(layers) didnt work

Not with the last version neither with the new one i even copied the html code from your website so i make sure that i didnt do a mistake in my html text

They appear next to each they dont stack !!!!!
did i miss smomething or what ????
Thanks for help

[tiesont]

Are you referring to stacked icons, as shown at https://fontawesome.com/how-to-use/web-fonts-with-css#stacked-icons, or the SVG+JavaScript-based layering, https://fontawesome.com/how-to-use/svg-with-js#layering? It would probably be helpful to include an example of what you're trying to do.

[tagliala]

@tiesont thanks for the answer, that's right

Closing here

[abdelhalimm]

@tiesont the first bro , this is the code

[abdelhalimm]

@tagliala
why so hurried?i didnt get my answer!!!

[tagliala]

@abdelhalimm as @tiesont pointed out, fa-layers work with the SVG version of font awesome

ref: https://fontawesome.com/how-to-use/svg-with-js#layering

Demo: https://jsfiddle.net/tagliala/d7w55ryp/17/

If you are using the webfont version, you should go for stacking

ref: https://fontawesome.com/how-to-use/web-fonts-with-css#additional-styling

If you still think that Font Awesome has issues with stacking, please open a new request following our bug report template

[abdelhalimm]

@tagliala it worked in demo " /jsfiddle.net/ " but it didnt work on my laptop
what do u mean with SVG i think this is why it doesnt work ,can u explain more please
if im not working in SVG version what should i do?
thank you

[tagliala]

if im not working in SVG version what should i do?

You can't use layers if you don't use SVG

You have to use stacks, but it is not the same thing.

Docs: https://fontawesome.com/how-to-use/web-fonts-with-css#additional-styling

[abdelhalimm]

thank you this is so helpful now they stack using "fa-stack"
but if i want use "fa-layers" how could i move to SVG version

[tagliala]

@abdelhalimm please refer to the documentation:
Get Started: https://fontawesome.com/get-started/svg-with-js
How it works: https://fontawesome.com/how-to-use/svg-with-js#how-it-works