Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][inne] Jakość renderowania czcionek przez przeglądarki
in5ane
post
Post #1





Grupa: Zarejestrowani
Postów: 1 335
Pomógł: 34
Dołączył: 9.11.2005
Skąd: Wrocław

Ostrzeżenie: (10%)
X----


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?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
StrefaPi
post
Post #2





Grupa: Zarejestrowani
Postów: 235
Pomógł: 50
Dołączył: 2.03.2013

Ostrzeżenie: (0%)
-----


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


Ten post edytował StrefaPi 14.04.2014, 12:43:49
Go to the top of the page
+Quote Post
sunpietro
post
Post #3





Grupa: Zarejestrowani
Postów: 262
Pomógł: 26
Dołączył: 23.01.2009
Skąd: eZ Systems

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
redeemer
post
Post #4





Grupa: Zarejestrowani
Postów: 915
Pomógł: 210
Dołączył: 8.09.2009
Skąd: Tomaszów Lubelski/Wrocław

Ostrzeżenie: (0%)
-----


Mała dygresja:
Prawdziwe korzenie WebKita są w KHTML i KJS (IMG:style_emoticons/default/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
Go to the top of the page
+Quote Post
StrefaPi
post
Post #5





Grupa: Zarejestrowani
Postów: 235
Pomógł: 50
Dołączył: 2.03.2013

Ostrzeżenie: (0%)
-----


kolejna dygresja:

https://facebook.com/pages/Font-nie-czcionka/365756150188268
Go to the top of the page
+Quote Post
trueblue
post
Post #6





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Zmień kolejność czcionek w CSS na: eot, svg, woff, ttf.
Go to the top of the page
+Quote Post
in5ane
post
Post #7





Grupa: Zarejestrowani
Postów: 1 335
Pomógł: 34
Dołączył: 9.11.2005
Skąd: Wrocław

Ostrzeżenie: (10%)
X----


Dziękuję za porady, jednak skorzystałem z Google Fonts i jest dobrze.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.08.2025 - 05:13