[Jezykkk]

Czy to normalne, że przy identycznych fontach w Photshopie i css, oraz identycznym font-weight i font-size, font wygląda inaczej? Według jpg z projektem font jest wyższy, a cały test węższy, a na stronie litery są niższe i grubsze. Ewentualnie jak temu zaradzić?
#webdesign

[vibro_vagins]

@Jezykkk wiesz, że nawet między przeglądarkami są różnice w renderowanych fontach? :-D witamy w #webdev

[TwigTechnology]

@Jezykkk: jest jeszcze ciekawiej - przy wszystkich identycznych parametrach będziesz miał inaczej wyrenderowane fonty w Edge, Chrome i FF.

Nic nie poradzisz Grażynko.

[Jezykkk]

@vibro_vagins: @TwigTechnology: Dziękuję serdecznie za odpowiedzi, czyli nie przejmować się pixelperfectem jeżeli chodzi o fonty?

[vibro_vagins]

@Jezykkk rozmiar czy wagę czcionki możesz dokładnie odczytać w projekcie psd typu 16px semi-bold i tak samo ustalasz w stylach, a jak to wygląda w rzeczywistości to już zależy od przeglądarki. Do tego niestandardowe czcionki lubią powodować problemy np odstępy między literami

[m_bielawski]

@Jezykkk: podstawowym bledem designerow jest zostawienie domyslnego photoshopowego antialiasingu. On ladnie wyglada, ale przegladarki renderuja zupelnie inaczej.

[TwigTechnology]

@m_bielawski: a na co zmienisz AA w PS-ie, skoro każda przeglądarka, ba - nawet ta sama w zależności od OS lub nawet ustawień AA/ClearType, renderuje jak chce?

IMHO Taki właśnie domyślny "Crisp" z PS-a jest znaczniej bardziej podobny do tego co wypluwa windowsowy Chrome, niż którykolwiek z innych trybów AA w PS-ie.

[D.....g]

@Jezykkk: możesz też mieć starszą wersję fonta zainstalowanego na kompie, w porównaniu do tego który jest zasysany z google fonts