Custom Icons, czyli Icomoon

pytanie zadane 1 stycznia 2019 w HTML i CSS przez miłosz95 Nowicjusz (120 p.)
edycja 1 stycznia 2019 przez miłosz95

Ad.1 Niestety problemu nie udało się rozwiązać. Jakby ktoś miał jakiś pomysł proszę o napisanie.

Witajcie, od kilku dni bez powodzenia próbuję dodać czcionkę icomoon do strony opartej na wordpressie.

1. ściągam czcionkę z https://icomoon.io/app/

2. Przesyłam ściągnięty plik "fonts" przez ftp do wp-includes/fonts

3. Do style.css wordpressa dodaję kod ze ściągniętego pliku style.css

4. i ...nie działa, czy mógłby ktoś pomóc?

komentarz 1 stycznia 2019 przez PolYGlok Pasjonat (19,450 p.)

Ten drugi link nie działa.

komentarz 1 stycznia 2019 przez miłosz95 Nowicjusz (120 p.)

zmieniłem format nagrania na mp4 i do style.css zmieniłem ścieżkę na

src:  url('../fonts/icomoon.eot?ec94c6');

, ale wciąż nie działa.

1 odpowiedź

odpowiedź 1 stycznia 2019 przez lateM Pasjonat (17,660 p.)

Nie wiem jak wygląda układ plików w wordpressie, ale czy nie powinieneś zmienić ścieżki url do fonta, kiedy wklejasz kod css z pliku iconmoon do własnego pliku css?

W pobranym pliku wszystko zadziała, bo masz plik css i fonts na tym samym "poziomie" pliku, ale jeśli plik css w wordpressie znajduje się w osobnym folderze, to prawdopodobnie url powinien mieć "../" aby wyjść z folderu css i wejść do folderu fonts.

Edit: Lub spróbuj z "../fonts/fonts" bo przecież wrzucasz folder fonts do już istniejącego folderu fonts. Przyjrzyj się ścieżce dokładnie.

komentarz 1 stycznia 2019 przez miłosz95 Nowicjusz (120 p.)
edycja 1 stycznia 2019 przez miłosz95

@font-face {
  font-family: 'icomoon';
  src:  url('../wp-includes/fonts/icomoon.eot?ec94c6');
  src:  url('../wp-includes/fonts/icomoon.eot?ec94c6#iefix') format('embedded-opentype'),
    url('../wp-includes/fonts/icomoon.ttf?ec94c6') format('truetype'),
    url('../wp-includes/fonts/icomoon.woff?ec94c6') format('woff'),
    url('../wp-includes/fonts/icomoon.svg?ec94c6#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}