Руководство, которое поможет выбрать шрифт, не погружаясь в теорию.
Шрифт — это важно. Как воздух, который не замечаешь, пока все в порядке. Большинство людей понятия не имеют, как называются шрифты и чем они различаются (и это нормально), но безошибочно чувствуют, что с вашим сайтом что-то не то, если шрифт, который вы используете, не подходит вашему проекту.
Как поменять и настроить шрифт для сайта
Шрифт задается в настройках сайта. Это значит, что параметры будут применяется глобально: ко всем блокам на всех страницах сайта. Таким образом поддерживается общий стиль и аккуратность.
Максимальное количество шрифтов, которое можно подключить — два. С одной стороны, использовать небольшое количество шрифтов — хорошая практика с точки зрения визуального стиля, в целом.
С другой, каждый дополнительный шрифт сильно увеличивает вес страницы. Поэтому, чтобы скорость загрузки была приемлемой, шрифта только два.
В настройках сайта, на вкладке шрифты вы увидите шрифтовые пары — это сочетания двух шрифтов, подобранные нашими дизайнерами. Пролистайте их, возможно, вы найдете то, что вам нужно. Нажмите кнопку «Выбрать» и «Сохранить изменения». Шрифты на вашем сайте поменяются.
Если представленные сочетания вам не подошли, нажмите «Расширенные настройки». Вы увидите все способы, как подключить шрифт к сайту на практически любом конструкторе(например Тильде):
1) выбрать из базового набора
2) загрузить свой файл
3) подключить шрифт через Typekit
4) использовать Google Fonts
5) загрузить свой CSS файл
(По ссылкам подробные инструкции по каждому типу подключения).
Если вы пролистаете страницу ниже, вы увидите настройки размера, насыщенности и цветов. Параметры, которые вы укажете тут, будут применены ко всем страницам сайта. Если в каких-то отдельных блоках вам нужно будет их поменять, это можно будет сделать в редакторе для конкретного блока.
Что такое насыщенность шрифта
Насыщенность (начертание, font weight) определяет толщину каждой буквы. Обычно мы привыкли называть текст нормальным (normal) и жирным (bold). У шрифтов могут быть так же дополнительные варианты толщин — от очень тонких (super light) до очень жирных (super bold). В типовых конструкторах поддерживаются 5 основных значений: light, normal, medium, semi-bold, bold. Не все шрифты имеют все градации насыщенности, многие имеют только два начертания: нормальное и начертания: нормальное и жирное.
Каким должен быть размер шрифта на сайте
Размер зависит от количества текста. Если текста очень мало, и он используется, по сути, только для подписей и комментариев, сделайте его крупнее — 22px (по умолчанию в настройках 20px). Так он будет выглядеть более презентационно. Если текста достаточно много, наoборот, уменьшите до 18px, так он будет легче читаться.
...продолжение следует
Более подробно с материалом можно ознакомится в источнике https://tilda.education/articles-fonts