philipdev.se

Guest

Learning | FontAwesome

Vad är Font Awesome?

Font Awesome är ett open source projekt som ger alla tillgång till högkvalitiva ikoner. GRATIS! Awesome, eller hur?

Hur använder man Font Awesome?

1. Först måste man länka html-dokumentet till Font Awesome's samling av ikoner.
2. Sen sätter man in ex. <i class="fab fa-font-awesome-alt"></i>
3. Thats it!

Länka i html-dokumentet.

Easy! Bara gå till fontawesome.com/start och kopiera länken som kommer fram när man klickar i dessa alternativen: fontawesome-alternatives

Klistra in länken någonstans (exempelvis bredvid dina andra css länkar) i din <head>:

            
<head>
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-speciallettersandnumbers" crossorigin="anonymous">
</head>

Klistra in ikonen.

You know how to do this. Gå in på fontawesome.com, klicka på en ikon du gillar. Klicka på <i> koden högst upp för att kopiera din ikons kod.

Sedan är det bara att klistra in den koden någonstans i ditt html dokument. Det funkar att klistra in nästan var som helst. Du kan läsa mer om fontawesomes Dokumentation här.

            
<button type="button">
  Fontawesome <i class="fab fa-font-awesome-alt"></i>
</button>

Det funkar även att använda <span> istället för <i>.

Fontawesome 

            
<p>
  Fontawesome <span class="fab fa-font-awesome-alt"></span>
</p>
philipdev.se
Learning | FontAwesome