Существует несколько стандартных шрифтов, доступных во всех браузерах. Эти типовые семейства шрифтов включают в себя monospace , serif и sans-serif Когда один шрифт недоступен, вы можете сказать браузеру использовать другой шрифт. Например, если вы хотите, чтобы элемент использовал шрифт Helvetica , но когда Helvetica недоступен использовался шрифт sans-serif, вы можете указать следующее:
p {
font-family: Helvetica, sans-serif;
}
Имена общих имен шрифтов не чувствительны к регистру. Кроме того, им не нужны кавычки, потому что они являются ключевыми словами CSS.Для начала примените monospace шрифт к элементу h2, так чтобы он имел два шрифта - Lobster и monospace . В последнем вызове вы импортировали шрифт Lobster используя тег link . Теперь закомментируйте импорт шрифта Lobster из Google Fonts (используя HTML-комментарии, о которых вы узнали ранее), чтобы он больше не был доступен. Обратите внимание, как у вашего элемента h2 меняется шрифт. Заметка
Если на вашем компьютере установлен шрифт Lobster, вы не увидите замены шрифта, потому что ваш браузер сможет найти этот шрифт, то вы можете в своем примере переименовать Lobster во что-то типа Lobster-foo (уж такой наверняка будет отсутствовать).