fa-phone-square ikony

Czesć. Chciałem zapytać o ikony telefon/koperta. Chciałbym je zastosować w moim skrypcie. Konkretnie wygląda to w ten sposób:

<p style="margin-bottom: 12px; margin-left: 50px">
<i class="fa fa-phone  fa-2x  fa-fw" style=" color: #c91010; " ></i>&nbsp;&nbsp;
<span  style="font-size: 18px; font-weight: bold; " >telefon</span>        
</p>

<p style="margin-left: 50px">
<i class="fa fa-envelope  fa-2x  fa-fw" style=" color: #c91010; " >
</i>&nbsp;&nbsp;<span  style="font-size: 18px; font-weight: bold; " >mail</span>        
</p>

Zamiast ikon wyświetlają mi się kwadraty z opisem wewnątrz typu "FO95". Podejrzewam że coś muszę skonfigurować, ale nie bardzo wiem co.

Z góry dziekuje za pomoc

Musisz dołączyć do strony font Font Awesome (podejrzewam że o ten chodzi) i dodać odpowiedni kod do arkusza stylów - znajdziesz go na stronie Font Awesome.

Font Awesome, glyphicons i wiele, wiele innych to czcionki. Takie ikony mają jedną, ogromną przewagę nad ikonami rastrowymi (jpg, png) - czcionki (ttf) są wektorami, a co za tym idzie idealnie nadają się do stron rwd, lekkie i można skalować ich rozmiar cssem, przez font-size.

Sprawdź też icomoon, ogromny agregator glifów.