Details

Veröffentlicht: 02. Mai 2016

Font Awesome ist eine Schriftart die sehr viele Icon enthält, welche man leicht auf der Website einbinden kann.
Wer noch Font Awesome oder auch al Awesomefonts noch nicht kennt, kann sich die hier ansehen.

Gibt es auch von anderen Anbietern mehr dazu hier.

Bei Awesome Fonts kann man zudem die Icon übereinander legen. Siehe hier.

z.B. so:

<span class="fa-stack fa-lg"> 
  <span class="fa fa-circle fa-stack-2x">&nbsp;</span>
  <span class="fa fa-user-plus fa-stack-1x">&nbsp;</span> 
</span>

Um die überlagerten Icon zu vergrößern oder zuu verkleinern braucht man nur dem Elternelement eine andere größe zu geben.

.fa-lg{
  font-size: 5em;
}