Задание "Import a Google Font".

, чтобы сохранить свой прогресс

Импорт шрифта Google

В дополнение к общим шрифтам, которые можно найти в большинстве операционных систем, можно так же использовать нестандартные пользовательские веб-шрифты для использования на нашем веб-сайте. Существует множество источников веб-шрифтов, но в этом примере мы сосредоточимся на библиотеке Google Fonts. Google Fonts - бесплатная библиотека веб-шрифтов, которую вы можете использовать в своем CSS, ссылаясь на URL-адрес шрифта. Итак, давайте попробуем импортировать и применить шрифт из библиотеки Google (обратите внимание, что если Google заблокирован в вашей стране, вам нужно будет пропустить этот пример). Чтобы импортировать шрифт Google, вы можете скопировать шрифт(ы) из библиотеки Google Fonts и затем вставить его в свой HTML. Для этого примера мы импортируем шрифт Lobster. Скопируйте следующий фрагмент кода и вставьте его в верхнюю часть редактора кода (перед элементом style):

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

Теперь вы можете использовать шрифт Lobster в своем CSS, используя Lobster как имя шрифта, как в следующем примере:

font-family: FAMILY_NAME, GENERIC_NAME;

. GENERIC_NAME необязателен и является резервным шрифтом, если другой указанный шрифт недоступен (таким образом можно перечислить сразу несколько шрифтов). Это будет рассматриваться в следующей задаче. Если в имени шрифта есть пробелы, то имена шрифта чувствительны к регистру и должны быть указаны в кавычках. Например, вам нужны кавычки, чтобы использовать шрифт "Open Sans", но для шрифта Lobster кавычки не обязательны.

Создайте правило CSS font-family, которое использует шрифт Lobster, и убедитесь, что оно будет применено к вашему элементу h2.

⌛

Import the Lobster font.

⌛

Your h2 element should use the font Lobster.

⌛

Use an h2 CSS selector to change the font.

⌛

Your p element should still use the font monospace.

/** * Your test output will go here. */