\f431 wyświetla się poprawnie tylko na jednej stronie

pytanie zadane 6 stycznia 2018 w HTML i CSS przez kevin Mądrala (5,010 p.)

Witam!

Jaka może być przyczyna jeżeli u mnie na localhoście oraz na jsFiddle nie jestem wstanie wyświetlić jednego znaku '\f431' ponieważ zamiast strzałki otrzymuję krzaczki a na stronie codepen wyświetla się om bez problemu ? Owu znak informujący że element posiada listę rozwijaną '\f431' dodaję w taki sposób:

.have-list > a:after {
  font-family: 'Genericons';
  content: '\f431';
  padding-left: 2px;
}

3 odpowiedzi

odpowiedź 6 stycznia 2018 przez Comandeer Guru (601,590 p.)

W Codepenie jest dodany font Genericons: https://cdn.jsdelivr.net/genericons/3.0.3/genericons.css

Widać to po wejściu w ustawienia dla kodu CSS.

komentarz 6 stycznia 2018 przez kevin Mądrala (5,010 p.)

Patrzę na kod z tego pliku i mam ostatnie pytanie czy muszę być stanie podłączony do internetu aby korzystać z tego fontu ? Kod jest zaciemniony w miejscu src.

1	komentarz 6 stycznia 2018 przez Comandeer Guru (601,590 p.) Jeśli przeglądarka rozumie format WOFF, to Internet byłby potrzebny tylko do wczytania samego arkusza, bo sam font jest w nim osadzony.

komentarz 6 stycznia 2018 przez kevin Mądrala (5,010 p.)

Czyli że jest jakieś prawdopodobieństwo że jeżeli ściągnę plik na dysk bądź umieszczę go na serwerze razem z innymi plikami ze stylem to ikona się nie wyświetli ?

komentarz 6 stycznia 2018 przez Comandeer Guru (601,590 p.)

Font jest osadzony. To znaczy, że jest częścią arkusza.

odpowiedź 6 stycznia 2018 przez radek024 Szeryf (77,160 p.)

Jak dodajesz plik odpowiedzialny za ikony na Codepen i na jsfiddle?

komentarz 6 stycznia 2018 przez kevin Mądrala (5,010 p.)

Pierwszy z brzegu przykład na Codepen, strzałka w menu nawigacyjnym https://codepen.io/joslex/pen/adeJeV Nie widzę tam nigdzie dodawania pliku z strzałką

odpowiedź 6 stycznia 2018 przez adrian17 Ekspert (344,860 p.)

A skąd wziąłeś tą strzałkę? Bo f431 to nie jest żadna strzałka w unicodzie.

https://unicode-table.com/en/F431/

Czemu po prostu nie wrzucisz tej strzałki do pliku (content: '⇙'), tylko używasz kodu?

A może to jakaś customowa czcionka, o której nie wspomniałeś?

komentarz 6 stycznia 2018 przez kevin Mądrala (5,010 p.)

Pierwszy z brzegu przykład na Codepen, strzałka w menu nawigacyjnym https://codepen.io/joslex/pen/adeJeV Nie widzę tam nigdzie dodawania pliku z strzałką