Что правильно указывать в качестве значения CSS-шрифта: шрифт, шрифт или семейство шрифтов?

Question

здесь определения для гарнитуры шрифта, шрифта и семейство шрифтов:

1. Гарнитуры является дизайн для набора символов.
2. Шрифт представляет собой комбинацию шрифтов и других качеств, таких как размер, шаг и интервал.
3. Шрифт-семейство - это набор шрифтов с одинаковым шрифтом, но с различными размерами, весами и уклонами.

Итак, какой из этих 3 я могу указать в качестве значения для свойства font-family css? Если я должен указать только 3) семейства шрифтов, то в случае, когда я укажу sans-serif, то какой шрифт sans-serif отобразит браузер из пользовательской системы для отображения содержимого? В пользовательской системе может быть много шрифтов sans-serif.

Спасибо заранее, Сурена

Answer 1

Ни один из них. Значение font-family представляет собой список разделенных запятыми (в порядке предпочтений) семейств шрифтов. Семейство шрифтов представляет собой набор (один или несколько) шрифтов, которые имеют одинаковую конструкцию, типично разработанную типографом, так что они стилистически согласованы.Например, семейство шрифтов Georgia состоит из шрифтов, которые могут иметь имена Georgia Regular, Georgia Italic, Georgia Bold и Georgia Bold Italic. Названия шрифтов могут быть зависимыми от языка и не предназначены для использования в CSS. Вместо этого вы используете различные CSS-конструкции для выбора шрифта; например, font-style: italic выбирает курсивный шрифт из используемого семейства шрифтов (или, если он не имеет такого шрифта, может создавать «искусственный курсив» с помощью косых глифов в обычном шрифте).

Идентификатор sans-serif обозначает так называемое семейство шрифтов без засечек. Это означает семейство шрифтов, зависящих от браузера. У браузеров есть настройки по умолчанию, и это может быть изменено пользователем в настройках браузера (хотя мало кто знает и заботится об этом).

Answer 2

При использовании семейства шрифтов в CSS, то лучше построить «шрифт стеки». This website дает вам несколько стандартных, которые вы можете использовать, не загружая лишние шрифты.

Идея стека шрифта является то, что пользователи компьютеров ищет первый шрифт в списке (стека), и если он не может найти его, он будет двигаться на следующий в списке

Возьмем следующий пример:

font-family: 'Open Sans', Arial, "Helvetica Neue", Helvetica, sans-serif; 

Это первый поиск шрифта Open Sans. Если он не может этого найти, он перемещается на «Arial» и так далее. Прямо в конце, есть то, что похоже на другое имя шрифта «sans-serif». Немного путайте, так как это тип, а не имя шрифта. В большинстве систем это означает, что sans-serif вернется к вашему самому основному шрифту sans-serif (в большинстве случаев это в основном просто Arial для Windows и, вероятно, Helvetica на Mac). Лучший способ увидеть, что он делает, это просто попробовать!

Answer 3

Я не совсем уверен, что вы подразумеваете под первой частью вашего вопроса. Однако, если вы пишете:

p{ 
font-family: sans-serif; 
} 

Тогда вы не указываете конкретный шрифт, только по умолчанию без засечек шрифт/засечек. Браузер заберет по умолчанию тот, который встроен в браузер (например, в случае с Mac это будет Helvetica, Windows по умолчанию будет Arial) или указана пользователем - это только переопределяется пользователем, если они изменили свои значения по умолчанию в браузере.

Если вы хотите использовать определенный шрифт для использования, вы должны указать этот шрифт. Добавление «sans-serif» или «serif» в конце строки - хорошая практика, так как эта страница будет возвращаться к шрифту по умолчанию.

Например:

p { 
     font-family: 'Lobster font', 'Tahoma', sans-serif; 
    } 

В этом примере мы ищем «омаров шрифт», если мы не можем найти его, мы ищем «Tahoma», если мы не можем найти это, то мы Откат к браузера по умолчанию.