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. To, że font-weight normal (regular) jest równoważny liczbie 400 zwykle się pamięta. Ale, czy light to 100, 200 czy 300 zawsze zapominam. Stąd, poniższa ściąga:

100: Ultra Light
200: Thin
300: Light
400: Regular
500: Semi Bold
600: Bold
700: Extra Bold
800: Heavy
900: Ultra Heavy