[S.....u]

Chcę skorzystać z Font Awesome, ale zamiast ikonek pojawia się pusty kwadrat. O co kaman?

CSS:

@font-face {

    font-family: 'FontAwesome';

    src: url("../static/CSS/fonts/FontAwesome.otf");

    src: url("../static/CSS/fonts/fontawesome-webfont.eot");

    src: url("../static/CSS/fonts/fontawesome-webfont.svg");

    src: url("../static/CSS/fonts/fontawesome-webfont.ttf");

    src: url("../static/CSS/fonts/fontawesome-webfont.woff");

    font-weight: normal;

    font-style: normal;

}

HTML

*ooooOooOO*

#webdev #fontawesome

[Pan_wons]

@Sudokuu: Te kropki w linkach to po co?

[borntobewild]

@Sudokuu: Gdyż ponieważ to w ten sposób nie działa :) importujesz font-face jak chcesz tego użyć bezpośrednio w CSS. np w i:after{content: " xxx "}

W headzie załącz CSSa ktorego pobrałeś z fa. Wtedy będzie działać :)

[S.....u]

@Pan_wons: cofam się wstecz

@borntobewild: załączyłem i wciąz mam pusty kwadrat

[borntobewild]

@Sudokuu: no to jeszcze to

[S.....u]

@borntobewild: też nic

cały kod

http://jsfiddle.net/stealthpancakes/rqkaqmh2/

[borntobewild]

http://jsfiddle.net/stealthpancakes/rqkaqmh2/

[borntobewild]

@Sudokuu: w jsfiddle nie działają lokalne pliki wiesz ? po lewej stronie masz panel gdzie mozesz dodać 'external css'.

Zobacz po zmianie

[niewiemcotuwpisac]

@Sudokuu: Chrome -> dev tools -> network -> sprawdz czy nie #!$%@? sobie sciezek i poprawnie zaciagasz wszystkie fonty i cssy (tzn czy nie ma zadnego bledu 404)

[borntobewild]

@Sudokuu: Mała rada. Twoje własne skrypty i CSSy zawsze ładuj na końcu. Ładowane są od góry, więc np w JavaScripcie chcąc używac jQuery ni ebędizesz mógł tego zrobić bo Twój skrypt będzie się wykonywał przed załadowaniem biblioteki. W CSS często jest potrzeba nadpisywania niektórych styli z bibliotek własnymi. Ładując w odwrotnej kolejności biblioteki nadpiszą Twoje.

[S.....u]

@borntobewild: wiem, że nie działają, chciałem pokazać kod. Ścieżki do plików wydają się być dobre.

Ciągle widzę ten głupi kwadrat.

@niewiemcowpisac: Nie ma żadnych błędów

[borntobewild]

spróbuj podłączyć font awesome tak jak podłączyłeś bootstrapa, przez ten zewnętrzny lilnk

[S.....u]

@borntobewild: Działa, pojawiają się ikony.

No to źle doprowadziłem ścieżkę do plików font awesome? Bo przecież nie będę wiecznie korzystać z linków zewnętrznych :/

[borntobewild]

@Sudokuu: na to wygląda. Strukture katalogów mi pokaż to powiem Ci na pewno :)

[borntobewild]

@Sudokuu: Opuszczam pracbaze. Gdybys potrzebował czegos będę pozniej :)

[S.....u]

@borntobewild: Tutaj jest katalog. Jak wrócisz to rzuć okiem

[borntobewild]

@Sudokuu: w ścieżce masz duże CSS a folder to małe css :)

[S.....u]

@borntobewild: niestety, nawet to nie pomogło ( ͡; ʖ̯ ͡;) Tylko za pomocą URI działa.

Próbowałem nawet zmienić kolejność w kodzie.

[borntobewild]

https://www.dropbox.com/s/85a6qjecdtud2as/TEST.rar?dl=0

spróbuj to

[borntobewild]

@Sudokuu: zapomnialem zawolac