What is the difference between Use Font-awesome all.js and all.css?

Question

I have to use font awesome in my Web, and I found that I have 2 ways to implements Font Awesome.

I want to work with 5.0.1 version, I realized that using ALL.CSS allows me to use Font-awesome in classes with: AFTER in CSS, but beyond that I do not know what the difference is, and what each one is used for, and another question, when I should use both.

<link href="https://use.fontawesome.com/releases/v5.0.1/css/all.css" rel="stylesheet">

<script defer src="https://use.fontawesome.com/releases/v5.0.1/js/all.js"></script>

I hope to use the lightest font-awesome to implement

you should never use both. The only difference is that one is a Font and the other is SVG — Temani Afif, Jul 16 '19 at 11:27
and you can use pseudo element with the JS version: https://stackoverflow.com/q/48753688/8620333 — Temani Afif, Jul 16 '19 at 11:27
I use **defer "https://use.fontawesome.com/releases/v5.0.1/js/all.js** I cant use pseudo element. In version 5.01 doesnt work? — juanjinario, Jul 16 '19 at 11:45
you can, read the above link and consider using the last version .. .the 5.0 is very old, we are at 5.9 now — Temani Afif, Jul 16 '19 at 11:46

score 0 · Answer 1 · answered Jul 16 '19 at 11:31

0

all.css is are font version of fontawesome

and when you have to use the svg font then you have to use js.css version.

More detail can be found here.

FontAwseome

answered Jul 16 '19 at 11:31

Sumit Patel

4,386
1
7
25

What is the difference between Use Font-awesome all.js and all.css?

1 Answers1