Czcionka inna na telefonie, a na komputerze

Question

Cześć,

mam pytanie,  dlaczego kiedy wejdę na stronę http://www.karczmapelnamicha.pl/ to napis na górze "Karczma Pełna Micha" ma ładną czcionkę, a kiedy wejdę z telefonu na stronę to: 

czym to może być spowodowane? 

Answer 1

Szybki debug przez USB pokazał, że winne są style w pliku style_responsywne.css, a dokładniej ta linijka:

font-family: 'Kaushan Script', cursive;

Z racji tego, że tego fonta nie załączasz, następuje fallback do domyślnego typu cursive.

Polecam po prostu tę linijkę wywalić z tego pliku i wszystko będzie działać.

Comments

Wow, dzięki za pomoc :)

Naprawdę jesteś dobry z informatyki.

---

Heh, raczej jedynie z webdevu ;)

Answer 2

Pokaż kod, gdzie ustawiłeś czcionkę. Zapewne wczytujesz ją z systemu. Windows ma czcionki, które niekoniecznie posiada system taki jak np. Android. Dlatego najlepiej jest pobrać czcionkę i umieścić ją na hostingu, albo skorzystać z jakiś gotowych narzędzi do ustawiania czcionek na stronie np. https://www.google.com/fonts

Comments

Czcionka właśnie jest zaciągana z Google Fonts, co widać w kodzie…

---

Właśnie nie spojrzałem na kod, bo odpisywałem na telefonie i nie chciałem przekopywać niekolorowanej składni :/

Jeśli jest zaciągana z Google Fonts to dziwna sprawa... Spróbuję coś wykombinować więc jeszcze.

Answer 3

Na androidzie 4.1.1 wyświetla się poprawnie (aż sam się zdziwiłem, bo 4.1.1 jest delikatnie mówiąc niezbyt dobre)

Comments

Ja na 6.0 znowu mam czcionkę bez pogrubienia i polskich znaków,

Answer 4

Zapisz czcionkę na serwerze i ustaw ją dodatkowo na .body.

Comments

Jak zapisać tą czcionkę na serwerze? Może masz poradnik, który objaśni jak to zrobić.

---

Wejdź w źródło strony na fonie (view-source:http://karczmapelnamicha.pl), kliknij na adresie arkusza stylów czcionki i pobierz plik, którego adres się w nim znajduje.

Niemniej Google Fonts robią za CDN i nie widzę sensu w zapisywaniu czcionek stamtąd na dysku serwera.