Snippet: jak poprawić antialiasing pod Chrome na Mac OS X?

Czasami zdarza mi się, że na Chrome pod OS X czcionki wyglądają na zbyt grube. Graficy od razu zaczynają płakać a akanci popadają w depresję, tłumacząc klientowi dlaczego strona nie wygląda w przeglądarce identycznie jak w Photoshopie. Prosta rada: zmienić wartość parametru font-smoothing w CSS.

-webkit-font-smoothing: antialiased

Uwaga: działa to tylko na Maku. Pod Windows nie ma absolutnie żadnej różnicy. No i warto stosować z rozwagą. Zwykle, bardzo poprawia to wyrazistość przy dużych nagłówkach, natomiast zastosowanie tego parametru do tekstu głównego o rozmiarze 12-14 punktów może sprawić, że tekst zacznie wyglądać jak na IE6 pod Windows 98 :)

Snippet: liczbowe odpowiedniki dla font-weight w CSS

Często zdarza mi się taka sytuacja, że potrzebuję wykorzystać jakiś specyficzny kawałek kodu, właściwość czy super-trik. Poświęcam czas na jego znalezienie, stosuję w projekcie i… zapominam. O tym, w którym to było projekcie również. Kiedy za 2 miesiące problem powraca, poszukiwania rozpoczynają się od początku. Aby temu zaradzić, do tej pory zapisywałem sobie takie triki w Evernote. Ale, skoro mam bloga – to czemu nie robić tego tutaj? Może komuś poza mną się to przyda!

Pierwszy w cyklu temat, to odpowiedniki liczbowe dla grubości czcionek w CSS.