Интересно, как работали шрифты до появления веб-/переменных шрифтов. Я создаю CSS веб-страницы по видеокурсу. Я загрузил шрифт Inter с сайта fonts.google.com, и загрузка включала несколько размеров для каждого стиля, например:
Inter_18pt-Regular.ttf
Inter_24pt-Regular.ttf
Inter_28pt-Regular.ttf
Почему он включает в себя несколько размеров? Я предполагаю, что если я использую размер шрифта 20pt на своей странице, он будет масштабировать любой шрифт, который я выберу, или уменьшить до целевого размера. Должен ли я выбрать файл шрифта, наиболее близкий к желаемому размеру? Или они предназначены для совместного использования?
На самом деле я не использую эти файлы. Я использую кнопку «встроить», чтобы получить шрифты из CDN Google, но мне интересны эти статические файлы в загрузке.
Эти три имени файлов представляют три разных оптических размера шрифта Inter Regular. Вот выдержка из объяснения Google понятия оптического размера:
Оптические размеры вариативного шрифта — это разные варианты гарнитуры. оптимизирован для использования отдельных размеров, например 14 или 144 пт. Маленькие (или корпусные) оптические размеры, как правило, имеют меньший контраст штрихов, больший открытое и более широкое пространство, а также более высокая высота по оси X, чем у их крупные (или дисплейные) аналоги.
В случае с Inter Regular, похоже, единственная разница — это расстояние между буквами.
Вы спросили:
Должен ли я выбрать файл шрифта, наиболее близкий к желаемому размеру? Или они предназначены для совместного использования?
Да, я предполагаю, что вы выберете шрифт, наиболее близкий к желаемому размеру. Это придаст вам внешний вид, задуманный дизайнером шрифта. Но в конечном итоге доступны три оптических размера, и вы можете решить, использовать ли один из них или комбинацию. Разницу заметят только очень разборчивые дизайнеры.
Плюс 1. Спасибо, что нашли время сделать фотографию.