Ako opraviť úžasné ikony písma, ktoré sa zobrazujú ako rámček?

Tu je niekoľko možných riešení problému s ikonami Font Awesome zobrazenými ako políčka:

1. Skontrolujte svoju verziu Font Awesome

Uistite sa, že používate najnovšiu verziu Font Awesome. Verziu Font Awesome, ktorú používate, môžete skontrolovať otvorením súboru `font-awesome.css` a vyhľadaním riadku, ktorý začína `/* FONT AWESOME VERSION`. Ak verzia, ktorú používate, nie je najnovšia, stiahnite si najnovšiu verziu z webovej stránky Font Awesome a nahraďte súbor `font-awesome.css` vo svojom projekte.

2. Uistite sa, že sú zahrnuté správne súbory písiem

Font Awesome používa na zobrazenie svojich ikon sériu súborov písiem. Uistite sa, že váš projekt obsahuje nasledujúce súbory písiem:

* `fontawesome-webfont.woff`

* `fontawesome-webfont.ttf`

* `fontawesome-webfont.svg`

* `fontawesome-webfont.eot`

Tieto súbory fontov by sa mali nachádzať v rovnakom adresári ako súbor `font-awesome.css`. Ak niektorý z týchto súborov písiem chýba, stiahnite si ich z webovej stránky Font Awesome a pridajte ich do svojho projektu.

3. Správne používajte ikony Font Awesome

Ikony Font Awesome sa používajú pridaním značky ` do kódu HTML. ` Značka ` zobrazí zadanú ikonu. Napríklad nasledujúci kód zobrazí domovskú ikonu Font Awesome:

```html

```

Uistite sa, že správne používate triedy ikon Font Awesome. Triedy ikon sú uvedené na webovej stránke Font Awesome.

4. Vymažte vyrovnávaciu pamäť prehliadača

Ukladanie do vyrovnávacej pamäte prehliadača môže niekedy spôsobiť problémy s ikonami Font Awesome. Skúste vymazať vyrovnávaciu pamäť prehliadača a obnoviť stránku.

5. Skúste iný prehliadač

Ak máte stále problémy s ikonami Font Awesome, skúste použiť iný prehliadač. Niektoré prehliadače môžu mať lepšiu podporu pre Font Awesome ako iné.

Záver

Ak ste vyskúšali všetky vyššie uvedené riešenia a stále máte problémy s ikonami Font Awesome, možno budete chcieť kontaktovať tím podpory Font Awesome.

• Predchádzajúca strana: Recenzia ExpressVPN Stojí to za cenu? – 
• Ďalšia strana: Ako pridať vyhľadávacie pole na web Weebly?