Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][inne] Jakość renderowania czcionek przez przeglądarki
Forum PHP.pl > Forum > Przedszkole
in5ane
Chciałbym wiedzieć, czy ktoś miał problem z renderowaniem czcionek przez przeglądarki. Największy problem ma Google Chrome, ale Firefox czy inne przglądarki też nie radzą sobie z tym dobrze. Na przykład chodzi mi o czcionkę http://www.fontsquirrel.com/fonts/England-Hand-DB, tutaj na ich stronie wygląda ładnie, ale to jest wygenerowany obrazek. Ogólnie konwertuje sobie czcionki na http://everythingfonts.com/font-face. Czy ktoś ma jakiś pomysł, na poprawę jakości renderowania czcionek przez przeglądarki?
StrefaPi
ogólnie to problem złej implementacji wyświetlania fontu w przeglądarkach opartych o webkit i to tylko w wersjach pc - tutaj jest szczególnie tragedia w fontach tzw. "light"... (na mac skąd wywodzi się webkit inaczej renderowane są fonty i nie ma z tym problemu)

to jest rozwiazanie poprawiające lekko to co "źle widać", ale jest takie trochę na około, na net chyba innego dobrego nie ma
  1. -webkit-text-stroke-width: 1px;
  2. -webkit-text-stroke-color: rgba(50, 50, 50, 0.1);


poczytaj też o

  1. -webkit-font-smoothing: subpixel-antialiased
sunpietro
Na chwilę obecną nie ma idealnego rozwiązania jeśli chodzi o renderowanie czcionek. Można korzystać z metod które zaproponował StrefaPi, ale to jest tylko delikatne ulepszanie wyglądu czcionki, które często nie przynosi pożądanych efektów. Dlatego w przypadku projektowania stron WWW przywiązywanie szczególnej uwagi do tego jak czcionka wygląda w każdej przeglądarce nie ma najmniejszego sensu, bo i tak czcionki będą inaczej wyglądały. Jeśli chcesz mieć idealny wygląd czcionek to korzystaj z obrazków lub Flash. innego sposobu raczej nie ma.
redeemer
Mała dygresja:
Prawdziwe korzenie WebKita są w KHTML i KJS wink.gif

"The WebKit project was started within Apple by Don Melton on June 25, 2001[12] as a fork of KHTML and KJS."
http://en.wikipedia.org/wiki/WebKit#Origins
StrefaPi
kolejna dygresja:

https://facebook.com/pages/Font-nie-czcionka/365756150188268
trueblue
Zmień kolejność czcionek w CSS na: eot, svg, woff, ttf.
in5ane
Dziękuję za porady, jednak skorzystałem z Google Fonts i jest dobrze.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.