Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Font Awesome 5 problemy
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

maxerxxl

11.12.2017, 21:33
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 !

Poftorek

11.12.2017, 21:34
Podaj link do strony!

maxerxxl

11.12.2017, 21:36
Pracuję na localhoście ...

[Obrazek: EUW04o0.png]

Poftorek

11.12.2017, 21:36
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...>.

maxerxxl

11.12.2017, 21:40
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.

Penny

11.12.2017, 21:40
Sprawdź dokładnie instrukcję instalacji:
https://fontawesome.com/get-started

Poftorek

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

maxerxxl

11.12.2017, 21:50
(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.

Poftorek

11.12.2017, 21:57
(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 :)

maxerxxl

11.12.2017, 22:27
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ą.

Penny

11.12.2017, 22:45
Popraw:
Kod:
font-family: 'Font Awesome\ 5 free', 'Font Awesome\ 5 brands';
Powinno dziać dla :before w nowej wersji.

maxerxxl

11.12.2017, 22:55
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.

Penny

11.12.2017, 23:22
Dodatkowo dodaj jeszcze jakieś font-weight do :before - domyślnie jest to font-weight: 900;

maxerxxl

11.12.2017, 23:25
(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 ?

Martinex

11.12.2017, 23:47
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
Webboard > Wsparcie MyBB > Style, szablony i grafika > Font Awesome 5 problemy