Официально день седьмой! 🎉
Это составляет 1 неделю с тех пор, как я начал свою серию «90 дней кода». Чтобы отпраздновать это знаменательное событие, я буду краток, чтобы пойти спать 😂
В этом уроке мы рассмотрели стили шрифтов
Чтобы стилизовать шрифт для страницы, я могу использовать свойство «font-family» в селекторе основного текста.
ex.
Если вы заметили, я выбрал шрифт Merriweather в качестве основного стиля своего веб-сайта. Однако этот шрифт не установлен на всех компьютерах. Если браузер не может отобразить выбранный вами шрифт, ему придется по умолчанию использовать другой шрифт. Здесь я узнал, как объявлять резервные шрифты.
Вы можете объединить эти веб-безопасные шрифты вместе в качестве резервных вариантов на случай, если браузеры не могут отобразить выбранный шрифт. Вы будете использовать набор правил, подобный приведенному ниже, чтобы сообщить браузеру, что я хочу использовать шрифт Merriweather, но в качестве резерва я хочу использовать шрифт Georgia.
тело {
семейство шрифтов: Merriweather, Georgia, serif;
}
Следующие веб-шрифты являются наиболее распространенными из них:
- Arial (без засечек)
- Вердана (без засечек)
- Helvetica (без засечек)
- Тахома (без засечек)
- Требушет MS (без засечек)
- Times New Roman (с засечками)
- Грузия (с засечками)
- Гарамонд (с засечками)
- Courier New (моноширинный)
- Brush Script MT (курсив)
А что, если бы мы не хотели сообщать браузеру 7 различных шрифтов, которые он может использовать по умолчанию каждый раз? Или что, если мы имеем дело с распространенными шрифтами в экосистеме Apple, но не в экосистеме ПК с Windows?
Мы можем использовать встраивание шрифтов для обеспечения единообразия стилей в браузерах в разных операционных системах. Мы можем сделать это, встроив код шрифта в наш тег ‹head› ‹/head›. Затем мы, как обычно, объявляем семейство шрифтов на странице CSS.
На этом день 7. Осталась неделя и впереди еще много. Моя цель - каждый день становиться лучше на 1%. Поначалу это может показаться не очень большим… но со временем это может привести к массовому росту. Я собираюсь продолжать, и я надеюсь, что вы продолжите следовать в этом путешествии. Увидимся в следующий раз.
