---
title: "Typografia jako decyzja, nie ozdoba"
date: 2026-05-09
description: "Krótka notatka o tym, dlaczego wybór kroju i rytmu kolumny tekstu zmienia więcej, niż się wydaje. Z drop capami, definicjami i przykładami z tego bloga."
tags: ["typografia", "design", "meta"]
---

import Definition from '../../components/Definition.astro';

## Dlaczego font ma znaczenie

Typografia to pierwsza warstwa interfejsu, którą widzi czytelnik.
Zanim jeszcze przeczyta zdanie, jego oko już zdążyło ocenić rytm,
ciężar, charakter. Jeśli krój jest „neutralny" (Inter, Helvetica,
system), tekst sprawia wrażenie generycznego — niezależnie od tego,
co naprawdę znaczy.

Z drugiej strony krój *za bardzo* charakterny zaczyna konkurować
z treścią. Wpada w manierę. Krzyczy.

## Trzy kroje, trzy role

Ten blog używa świadomie trzech krojów:

1. **Fraunces** — variable serif z osią `SOFT`, którą można dosypać
   ciepła do liter. Display, body, drop capy, italiki.
2. **IBM Plex Sans** — UI labels, smallcapsy, nawigacja. Trzyma się
   z tyłu, nie wchodzi treści w drogę.
3. **IBM Plex Mono** — numeracja rozdziałów, metadane, „13 z 15".
   Tabular numerals. Mechaniczne, ale bez agresji.

<Definition>
**Definicja optical sizing:** technika, w której krój pisma ma
różne warianty dla różnych rozmiarów — większe rozmiary mają
delikatniejsze kontrasty kresek, mniejsze są mocniej wytłuszczone,
żeby zachować czytelność. Fraunces robi to przez oś `opsz`.
</Definition>

## Jak to wpływa na czytanie

Kiedy ustawisz `font-variation-settings: 'opsz' 144` na tytule,
litery automatycznie stają się delikatniejsze, bardziej *książkowe*.
Kiedy zejdziesz do `'opsz' 14` na body, kontrasty się zaciskają,
litera staje się bardziej "robocza". To różnica, której większość
czytelników nie zauważy świadomie — ale poczuje ją w napięciu oczu
po dwudziestu minutach lektury.

To jest punkt: dobra typografia nie jest po to, żeby zaimponować.
Jest po to, żeby zniknąć.