fa-phone-square ikony

fa-phone-square ikony
0

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

Kopiuj
<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

KR
  • Rejestracja:ponad 13 lat
  • Ostatnio:11 miesięcy
  • Postów:117
0

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.


bree
  • Rejestracja:około 9 lat
  • Ostatnio:około 7 lat
  • Postów:40
0

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.

dzek69
ikony jako fonty są passe. tylko svg!
bree
Dlatego moja propozycja z icomoon:)

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.