Как изменить шрифт в css

Изменить используемый шрифт позволяет CSS свойство font-family. Это свойство принимает через запятую список шрифтов, которые мы хотим использовать. Когда указано несколько шрифтов, то браузер будет считывать их слева направо до первого шрифта, который он сможет использовать.

.font {
  font-family: Georgia, "Times New Roman";
}

Если у пользователя в системе есть шрифт Georgia, то будет применен именно он. В случае его отсутствия браузер будет искать шрифт Times New Roman. Если же и Times New Roman не установлен, то браузер возьмёт шрифт из своих стандартных настроек.

Чтобы в этом случае не "сломалась" визуальная составляющая сайта, можно указать основное семейство шрифтов. То есть, если ни один из шрифтов не будет найден, браузер подберет системный шрифт из указанного семейства.

Основных семейств три:

• serif шрифты с засечками
• sans-serif шрифты без засечек
• monospace все символы имеют одинаковую ширину, обычно такие шрифты используются в редакторах кода и терминалах.

.font {
  font-family: Georgia, "Times New Roman", serif;
}

Так как Georgia и Times New Roman относятся к семейству шрифтов с засечками, то укажем serif.

eggregergg