Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Font Awesome 5 problemy

Założony przez  maxerxxl.

11.12.2017, 21:33 (Ten post był ostatnio modyfikowany: 11.12.2017, 21:34 przez maxerxxl.)
#1
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ć


font-family: 'FontAwesome';

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

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

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

header include

<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 !
11.12.2017, 21:34
#2
Podaj link do strony!
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
11.12.2017, 21:36
#3
Pracuję na localhoście ...

[Obrazek: EUW04o0.png]
11.12.2017, 21:36 (Ten post był ostatnio modyfikowany: 11.12.2017, 21:39 przez Poftorek.)
#4
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...>.
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
11.12.2017, 21:40 (Ten post był ostatnio modyfikowany: 11.12.2017, 21:40 przez maxerxxl.)
#5
Chcę ustawiać własne ikony for.

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

W font awesome 4 działało mi to, lecz w 5 są problemy.
11.12.2017, 21:40
#6
Sprawdź dokładnie instrukcję instalacji:
https://fontawesome.com/get-started
Wsparcie poza forum - odpłatne.
11.12.2017, 21:44
#7
To spróbuj użyć sposobu z mojego poradnika: https://webboard.pl/thread-70088.html?highlight=ikony ;)
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
11.12.2017, 21:50
#8
(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:57
#9
(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 :)
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
11.12.2017, 22:27
#10
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ą.
11.12.2017, 22:45
#11
Popraw:
font-family: 'Font Awesome\ 5 free', 'Font Awesome\ 5 brands';
Powinno dziać dla :before w nowej wersji.
Wsparcie poza forum - odpłatne.
11.12.2017, 22:55 (Ten post był ostatnio modyfikowany: 11.12.2017, 23:17 przez maxerxxl.)
#12
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:
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.
11.12.2017, 23:22
#13
Dodatkowo dodaj jeszcze jakieś font-weight do :before - domyślnie jest to font-weight: 900;
Wsparcie poza forum - odpłatne.
11.12.2017, 23:25
#14
(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 ?
11.12.2017, 23:47 (Ten post był ostatnio modyfikowany: 11.12.2017, 23:51 przez Martinex.)
#15
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



Użytkownicy przeglądający ten wątek:

3 gości