Я б сказав, що почніть з абзацу з 16px і використовуйте послідовність Фібоначчі для обчислення решти. Схоже, основні браузери використовують цю логіку. Протягом багатьох років (для майбутніх досліджень, використовуючи «Елементи типографічного стилю: версія 4.0» Роберта Брінгхерста, Хартлі та Марка) ведучим було встановлено 12pt для шрифту 10pt.
Перетворюючи 12pt в пікселі, ми отримуємо базовий шрифт 16px.
Більшість стилів таблиці за замовчуванням у веб-переглядачах використовують 16 пікселів для тексту абзацу, оскільки ви можете перевірити їх у DOM самостійно або прочитавши https://www.w3.org/TR/CSS21/sample.html та http: // списки. w3.org/Archives/Public/www-style/2008Jul/att-0124/defaultstyles.html
Проблема, яку ми маємо сьогодні, полягає саме в тому, що ми говоримо про новий вид типографії. Поточна веб-типографія, яка потребує вміщення в різні пристрої, абсолютно не відрізняється від попередніх понять, таких як ті, що зображені на елементах друкарського стилю Роберта Брінгхерста. Незважаючи на це відмінна книга, реальність полягає в тому, що сучасний дизайнер потребує коду. Зазвичай я розглядаю стандартну матрицю з основних таблиць стилів браузера, створюючи скелет HTML-файлу з базовими h1, h2, h3, h4, h5, h6, абзацом, колонтитулом. Я перевіряю таблицю стилів браузера, щоб зрозуміти розмір стандартного розміру пікселів, для якого вони використовують висоту рядка, та ієрархію заголовків. До того, як розмір веб-типографії регулювався рухомим типом метал / дерево, але з 1985 року, з домовленості між Adobe та Apple все почало змінюватися. Я вважаю, що сьогодні основними регуляторами типографічних концепцій є Apple, Safari, Windows, з Internet Explorer, Chrome, Firefox ... Вам потрібно буде переглянути їх таблиці стилів браузера, щоб вмістити вашу типографіку до того, що насправді буде відображено та в різні пристрої. Ви все одно повинні слідувати практиці з "Елементи друкарського стилю" Роберта Брінгхерста, яка є чудовою книгою, або слідувати системі послідовностей Фібоначчі. Зазвичай я в курсі змін на таблицях стилів браузера і читаю тут специфікації w3: Ви все одно повинні слідувати практиці з "Елементи друкарського стилю" Роберта Брінгхерста, яка є чудовою книгою, або слідувати системі послідовностей Фібоначчі. Зазвичай я в курсі змін на таблицях стилів браузера і читаю тут специфікації w3: Ви все ще повинні слідувати практиці з "Елементи друкарського стилю" Роберта Брінгхерста, яка є чудовою книгою, або слідувати системі послідовностей Фібоначчі. Зазвичай я в курсі змін на таблицях стилів браузера і читаю тут специфікації w3:https://www.w3.org/TR/html401/struct/global.html#h-7.5.5 Я думаю, що все ж, поле Дизайн має враховувати це, і я вважаю, що освіта в практиці не оновлюється сучасні реалії. Ви також можете прочитати тут на моєму блозі: https://road-to-resilience.blog/2019/11/21/the-typographic-thing/