Webboard

Pełna wersja: Font Awesome 5 problemy
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
Witam. Zawsze używałem Font Awesome 4. Lecz dzisiaj przeniosłem się na Font Awesome 5. Wszystko podmieniłem, lecz został jeden problem. Mianowicie w CSS nie mogę wczytać


Kod:
font-family: 'FontAwesome';

Mój kod:
Kod:
.icon {
color: #555555;

font-size: 16px;
font-family: 'FontAwesome';
}

.icon:before {
content: '\f086';
}

header include

Kod:
<link href="{$mybb->asset_url}/images/styl/font-awesome-5/css/fontawesome-all.min.css" rel="stylesheet" />

Problem jest z tym że nie czyta w ogóle tej czionki jak podaję ją w CSS. Natomiast <i class=" ..."></i> działają. Proszę o pomoc !
Podaj link do strony!
Pracuję na localhoście ...

[Obrazek: EUW04o0.png]
No to wrzuć na hosting darmowy - może coś źle robisz.

BTW - co chcesz osiągnąć? FA raczej używa się właśnie jako <i...>.
Chcę ustawiać własne ikony for.

Kod odpowiedzialny za pokazywanie ikony w widoku for:
Kod:
<span class="icon icon_{$forum['fid']}"></span>

W font awesome 4 działało mi to, lecz w 5 są problemy.
Sprawdź dokładnie instrukcję instalacji:
https://fontawesome.com/get-started
To spróbuj użyć sposobu z mojego poradnika: https://webboard.pl/thread-70088.html?highlight=ikony ;)
(11.12.2017, 21:40)Penny napisał(a): [ -> ]Sprawdź dokładnie instrukcję instalacji:
https://fontawesome.com/get-started

Zainstalowałem jeszcze raz. Nie działa.

(11.12.2017, 21:44)Fyeem napisał(a): [ -> ]To spróbuj użyć sposobu z mojego poradnika: https://webboard.pl/thread-70088.html?highlight=ikony ;)

To jest po FA 4x. Próbowałem też to użyć i nie działa.
(11.12.2017, 21:50)maxerxxl napisał(a): [ -> ]
(11.12.2017, 21:40)Penny napisał(a): [ -> ]Sprawdź dokładnie instrukcję instalacji:
https://fontawesome.com/get-started

Zainstalowałem jeszcze raz. Nie działa.

(11.12.2017, 21:44)Fyeem napisał(a): [ -> ]To spróbuj użyć sposobu z mojego poradnika: https://webboard.pl/thread-70088.html?highlight=ikony ;)

To jest po FA 4x. Próbowałem też to użyć i nie działa.
No jak nie działa? Wrzuć forum na darmowy hosting - coś poradzimy. Właśnie aktualizuję poradnik pod najnowszy FA i MyBB :)
Długo by mi to zajęło. Podałem dużo informacji w postach oraz niezbędne kody do przeanalizowania błędu. W konsoli na F12 żadne błędy się nie wyświetlają.
Popraw:
Kod:
font-family: 'Font Awesome\ 5 free', 'Font Awesome\ 5 brands';
Powinno dziać dla :before w nowej wersji.
Bardzo dziękuję Ci za pomoc, jedyna osoba obeznana w tym. Życzę miłej nocy. Temat rozwiązany.

(11.12.2017, 22:45)Penny napisał(a): [ -> ]Popraw:
Kod:
font-family: 'Font Awesome\ 5 free', 'Font Awesome\ 5 brands';
Powinno dziać dla :before w nowej wersji.

Jest jeszcze problem bo nie pokazuje tej ikony:
https://fontawesome.com/icons/exclamatio...tyle=solid

A pozostałe pokazuje.
Dodatkowo dodaj jeszcze jakieś font-weight do :before - domyślnie jest to font-weight: 900;
(11.12.2017, 23:22)Penny napisał(a): [ -> ]font-weight: 900;

A można jakimś innym sposobem to zrobić ? Na przykład przez dodanie do font-family solid ?
A mi coś nie bardzo chce działać ta metoda.
Dodałem font-family: 'Font Awesome\ 5 free', 'Font Awesome\ 5 brands'; do :before, lecz nadal nie wyświetla mi ikony.
Dodałem też font-weight: 900; i nadal jest jedynie pusty prostokącik...

Edit:
Mało tego, przez to mi wywaliło wszystkie ikony font-awesome :P
Stron: 1 2