Konwerter rozmiaru czcionki
Przelicz rozmiar czcionki między punktami, pikselami, em, rem, procentami, milimetrami, calami i picami. Konwerter stosuje definicje CSS — 96 pikseli i 72 punkty na cal — i pozwala ustawić rozmiar czcionki głównej oraz nadrzędnej, od których zależą em, rem i %.
Przeglądarki zaczynają od 16 px. Zmień te wartości, jeśli arkusz stylów ustawia inny rozmiar dla elementu html lub elementu nadrzędnego.
12 pt we wszystkich jednostkach
| Jednostka | Rozmiar | CSS | Kopiuj |
|---|---|---|---|
| Punkty (pt) | 12 | 12pt | |
| Piksele (px) | 16 | 16px | |
| em | 1 | 1em | |
| rem | 1 | 1rem | |
| Procent (%) | 100 | 100% | |
| Milimetry (mm) | 4,2333 | 4.2333mm | |
| Centymetry (cm) | 0,4233 | 0.4233cm | |
| Cale (in) | 0,1667 | 0.1667in | |
| Pica (pc) | 1 | 1pc |
Obliczenia
- 12 pt × 96 ÷ 72 = 16 px
- 16 px ÷ 16 px = 1 em
- 16 px ÷ 16 px = 1 rem
- 16 px × 25,4 ÷ 96 = 4,2333 mm
Word w systemie Windows i Google Docs podaje rozmiary w punktach i traktuje cal jak 96 pikseli, więc przy 100% powiększenia tekst 12-punktowy wygląda tak samo jak tekst 16 px w przeglądarce.
Typowe rozmiary punktowe
em, rem i % korzystają z rozmiarów głównego i nadrzędnego powyżej.
| Punkty | Piksele | em | rem | % | mm |
|---|---|---|---|---|---|
| 6 | 8 | 0,5 | 0,5 | 50 | 2,12 |
| 7 | 9,33 | 0,583 | 0,583 | 58,3 | 2,47 |
| 8 | 10,67 | 0,667 | 0,667 | 66,7 | 2,82 |
| 9 | 12 | 0,75 | 0,75 | 75 | 3,18 |
| 10 | 13,33 | 0,833 | 0,833 | 83,3 | 3,53 |
| 10,5 | 14 | 0,875 | 0,875 | 87,5 | 3,7 |
| 11 | 14,67 | 0,917 | 0,917 | 91,7 | 3,88 |
| 12 | 16 | 1 | 1 | 100 | 4,23 |
| 14 | 18,67 | 1,167 | 1,167 | 116,7 | 4,94 |
| 16 | 21,33 | 1,333 | 1,333 | 133,3 | 5,64 |
| 18 | 24 | 1,5 | 1,5 | 150 | 6,35 |
| 20 | 26,67 | 1,667 | 1,667 | 166,7 | 7,06 |
| 22 | 29,33 | 1,833 | 1,833 | 183,3 | 7,76 |
| 24 | 32 | 2 | 2 | 200 | 8,47 |
| 28 | 37,33 | 2,333 | 2,333 | 233,3 | 9,88 |
| 32 | 42,67 | 2,667 | 2,667 | 266,7 | 11,29 |
| 36 | 48 | 3 | 3 | 300 | 12,7 |
| 48 | 64 | 4 | 4 | 400 | 16,93 |
| 72 | 96 | 6 | 6 | 600 | 25,4 |
Jak korzystać z konwertera rozmiaru czcionki
- 1. Wpisz rozmiar i jego jednostkę. Wpisz 12 i wybierz punkty albo 24 i wybierz piksele — każda z dziewięciu jednostek może być punktem wyjścia.
- 2. Ustaw rozmiary odniesienia, jeśli trzeba. rem mierzy się względem rozmiaru czcionki elementu głównego (
html), a em i % — względem elementu nadrzędnego. Oba zaczynają od 16 px, czyli domyślnej wartości przeglądarki. - 3. Odczytaj rozmiar we wszystkich jednostkach. Każdy wiersz podaje wartość i kod CSS do wklejenia, z przyciskiem kopiowania, a obliczenia pokazują każde przeliczenie przez piksele.
- 4. Sprawdź tabelę typowych rozmiarów. Rozmiary punktowe z menu edytora tekstu, od 6 do 72, wraz z ich odpowiednikami w pikselach, em, rem, procentach i milimetrach.
Zasady przeliczania
CSS ustala wzajemne relacje jednostek fizycznych: cal to 96 pikseli, 72 punkty, 6 pic albo 25,4 milimetra. Punkt to zatem dokładnie 4/3 piksela. Jednostki względne potrzebują jeszcze jednej liczby — rozmiaru czcionki, do którego się odnoszą.
| Jednostka | Na piksele | Z pikseli |
|---|---|---|
| Punkty (pt) | px = pt × 96 ÷ 72 | pt = px × 72 ÷ 96 |
| Pica (pc) | px = pc × 16 | pc = px ÷ 16 |
| Milimetry (mm) | px = mm × 96 ÷ 25,4 | mm = px × 25,4 ÷ 96 |
| Cale (in) | px = in × 96 | in = px ÷ 96 |
| em | px = em × rozmiar nadrzędny | em = px ÷ rozmiar nadrzędny |
| rem | px = rem × rozmiar główny | rem = px ÷ rozmiar główny |
| Procent (%) | px = % × rozmiar nadrzędny ÷ 100 | % = px ÷ rozmiar nadrzędny × 100 |
Rozmiary główny i nadrzędny są podane w pikselach; oba wynoszą 16 px, chyba że arkusz stylów je zmienia.
Przy domyślnych wartościach 12 pt to 12 × 96 ÷ 72 = 16 px. Potem 16 ÷ 16 daje 1 em, 1 rem i 100%, a 16 × 25,4 ÷ 96 daje 4,2333 mm. Ustaw rozmiar nadrzędny na 20 px, a te same 16 px staje się 0,8 em i 80% — ale nadal jest 1 rem, bo rem ignoruje element nadrzędny.
Dlaczego 12 pt to 16 px
Punkt to 1/72 cala, a piksel CSS to 1/96 cala, więc 12 punktów to 12/72 = 1/6 cala, czyli 96 ÷ 6 = 16 pikseli. Word w systemie Windows i Google Docs również przyjmują, że cal na ekranie to 96 pikseli, więc przy 100% powiększenia tekst 12-punktowy wygląda tak samo jak tekst 16 px w przeglądarce — a 16 px to rozmiar, którego przeglądarki używają dla tekstu, którego żaden arkusz stylów nie zmienił.
Piksel CSS nie zawsze jest jedną kropką ekranu. Na wyświetlaczu o wysokiej gęstości jeden piksel CSS obejmuje kilka pikseli urządzenia, a przeglądarka skaluje wszystkie jednostki razem, więc powyższe proporcje zawsze się zgadzają. LaTeX jest jednym częstym wyjątkiem od 72-punktowego cala: jego pt to punkt drukarski, 72,27 na cal, więc 12pt w LaTeX jest o około 0,4% mniejsze niż 12 pt w Wordzie czy CSS. bp w TeX („big point”) to punkt po 72 na cal, którego używa ten konwerter.
Rozmiary czcionek w pracach akademickich
Wytyczne stylu podają rozmiary w punktach, więc czcionka w pracy nigdy nie wymaga przeliczania — warto jednak wiedzieć, czego wymaga każdy z przewodników:
- APA 7 podaje pary krój–rozmiar, a nie jeden rozmiar: Calibri 11 pt, Arial 11 pt, Lucida Sans Unicode 10 pt, Times New Roman 12 pt, Georgia 11 pt albo Computer Modern 10 pt.
- MLA 9 wymaga czytelnej czcionki, której kursywa wyraźnie odróżnia się od zwykłego kroju, w rozmiarze od 11 do 13 pt, chyba że wykładowca zaleci inaczej.
- Turabian (styl Chicago dla studentów): oficjalna ściąga sugeruje Times New Roman lub Calibri 12 pt albo Arial 11 pt.
Ten sam rozmiar punktowy wygląda inaczej w różnych krojach — Arial czyta się jako większy od Times New Roman — dlatego APA paruje każdy krój z jego własnym rozmiarem. Marginesy, odstępy, nagłówki i resztę strony opisuje Jak formatować pracę akademicką w APA, MLA i Chicago.
Najczęstsze pytania
- Ile pikseli ma 12 pt?
- 16 pikseli. CSS definiuje cal jako 96 pikseli i jako 72 punkty, więc jeden punkt to 4/3 piksela, a 12 × 4/3 = 16. Ta sama zasada daje 10 pt = 13,33 px, 11 pt = 14,67 px i 14 pt = 18,67 px.
- Jak przeliczyć px na rem?
- Podziel przez rozmiar czcionki głównej. Przy domyślnych 16 px, 24 px to 24 ÷ 16 = 1,5rem, a 14 px to 0,875rem. Jeśli arkusz stylów nadaje elementowi
htmlinny rozmiar, wpisz go jako rozmiar główny, a konwerter użyje właśnie jego. - Czym różni się em od rem?
- Oba są względne, ale do różnych wartości. rem zawsze odnosi się do elementu głównego (
html), więc 1,5rem ma ten sam rozmiar w całej stronie. em odnosi się do elementu nadrzędnego, więc 1,5em w ramce, której tekst ma już 1,5em, daje 2,25 razy rozmiar główny — em się kumuluje, rem nie. - Czy 1em zawsze równa się 16px?
- Tylko domyślnie. 1em równa się rozmiarowi czcionki elementu nadrzędnego, a 1rem — głównego; przeglądarki zaczynają oba od 16 px. Czytelnik, który podniesie domyślny rozmiar tekstu w ustawieniach przeglądarki, zmienia ten punkt wyjścia, dlatego tekst w rem lub em podąża za jego wyborem, a tekst w px — nie.
- Ile milimetrów ma 12 pt?
- 12 punktów to 1/6 cala, czyli około 4,23 mm. To rozmiar pola em czcionki, czyli przestrzeni, w której rysowana jest każda litera, a nie wysokość wielkiej litery, która w typowych krojach tekstowych wynosi mniej więcej dwie trzecie tego pola.
- Dlaczego ten sam rozmiar punktowy wygląda na niektórych krojach większy?
- Rozmiar punktowy wyznacza pole em, a nie widoczne litery. Kroje rysują litery w różnych proporcjach wewnątrz tego pola — Arial ma wyższe małe litery niż Times New Roman — więc 12-punktowy Arial wygląda większy. Dlatego APA 7 paruje 11-punktowy Arial z 12-punktowym Times New Roman, zamiast podawać jeden rozmiar dla każdego kroju.