Одним из способов значительно улучшить дизайн и профессионализм вашего сайта является использование отличных шрифтов.
Большинство людей никогда не задумываются о шрифте, который они используют на своем сайте. Однако, если вы разрабатываете свою собственную тему или редактируете тему, которую вы в настоящее время установили, хороший выбор шрифтов должен быть большой частью процесса.
Выбор шрифта или комбинации шрифтов для вашего сайта был простой и откровенно скучной задачей. Было очень мало доступных для использования веб-безопасных шрифтов, но теперь, когда постоянно создается множество оптимизированных для Интернета шрифтов, может быть трудно определить, какие из них использовать.
С созданием Google Fonts и более чем 900 семейств шрифтов, доступных вам сейчас, процесс выбора хорошего шрифта стал еще более сложным. Однако в последние годы разработка вокруг Google Fonts сделала реализацию любого вашего выбора намного проще, чем когда-либо.
Почему я должен использовать Google Fonts?
Google Fonts стал одним из лучших шрифтовых ресурсов, доступных сегодня в сети.
Мало того, что вы можете использовать более 900 семейств шрифтов, это все шрифты с открытым исходным кодом, которые каждый может создавать и улучшать.
Дизайнеры, создающие шрифты, должны пройти процедуру рассмотрения, чтобы их шрифт был включен в каталог Google. Это означает, что помимо доступа к тысячам дизайнеров по всему миру, шрифты не могут быть добавлены в каталог без предварительного обеспечения их полной и веб-оптимизации.
Использование разных шрифтов в прошлом означало, что люди должны были установить шрифт на своем компьютере, чтобы браузер мог правильно их отображать. С помощью Google Fonts все шрифты доступны непосредственно из каталога Google, что гарантирует их работу практически на любом компьютере с любым браузером. Это открывает беспрецедентную свободу дизайна для разработки веб-сайтов.
Как использовать шрифты Google на моем сайте?
Некоторые темы WordPress, такие как Total WordPress Theme, включают в себя встроенные опции темы, позволяющие легко изменять ваши шрифты Google. Просто перейдите к Настройщик и нажмите на Типография вкладка для редактирования основных шрифтов, размера шрифта, веса шрифта и даже межстрочного интервала для элементов по всей теме.
Однако, если вы используете другую тему, вы можете добавить шрифты Google вручную или использовать плагин.
Плагины WordPress для добавления шрифтов Google
Одним из лучших бесплатных плагинов для добавления шрифтов Google на ваш сайт является использование бесплатного плагина Easy Google Fonts, который можно загрузить из репозитория WordPress. Однако самый простой способ загрузки – прямо с панели управления WordPress. Просто войдите на свой сайт WordPress и перейдите на Плагины> Добавить новый, Затем найдите «Easy Google Fonts» для быстрой и простой установки.
Еще один замечательный плагин для настройки ваших шрифтов на сайте – плагин Yellow Pencil Live CSS editor (бесплатно входит в нашу нью-йоркскую тему WordPress). Преимущество этого плагина в том, что он не только позволяет изменять шрифты вашего сайта с помощью простого метода щелчка и редактирования. Вы также можете настроить все цвета, размеры шрифта, вес шрифта, заливку, поля и т. Д. вашей темы WordPress.
Какие шрифты я должен использовать?
Величайшая сила Google Font Directory также может осложнить вашу жизнь. Существует так много доступных для использования шрифтов, что поиск и выбор подходящего сочетания шрифтов может быть сложной задачей.
Выбранные вами шрифты будут полностью зависеть от того, что вы пытаетесь передать своим дизайном. Шрифты используются для привлечения внимания читателей сайта. Они используются для привлечения внимания к различным аспектам веб-сайта, и великий дизайнер может творить чудеса с очень тонкими различиями в используемых ими шрифтах.
Одна вещь, которую вы должны понять, это разница между шрифтом и гарнитурой. Эти два термина используются часто и неправильно взаимозаменяемо. Шрифт – это полный набор букв, цифр, символов и т. Д. Говоря о дизайне этой коллекции, я бы назвал это типографикой.
Классификация шрифтов
Существует несколько классификаций, которые можно применять к гарнитурам. К ним относятся: с засечками, без засечек, дисплей, почерк (или сценарий) и моноширинный. Есть другие, которые используются в печати, хотя нам не нужно беспокоиться о них в настоящее время.
Так в чем же разница между ними?
засечка гарнитуры имеют хвост, который свисает с края каждого символа.
Без засечек гарнитуры не имеют очередей.
монитор Гарнитуры необычные и декоративные.
Письмо гарнитуры напоминают рукописный курсив или блок-скрипт.
В прошлом, моноширинный Шрифты состоят из символов, занимающих одинаковое количество места.
Лучшие практики для веб-дизайна шрифтов
При выборе того, какие шрифты следует использовать, необходимо следовать рекомендациям.
Это хорошая идея избегайте использования более двух разных источников в дизайне вашего сайта. Может быть трудно сбалансировать более двух источников. А смешивание более двух шрифтов на одном сайте может вызвать серьезные проблемы со зрением.
Если вы используете два разных шрифта, например один для заголовков и один для содержимого, не выбирайте их из одной и той же классификации шрифтов. Их лучше комбинировать шрифты, Другими словами, избегайте использования двух разных шрифтов с засечками или двух разных шрифтов без засечек.
Есть шрифты, которые действительно хорошо работают для заголовков, но они не идеальны для основного содержимого и наоборот. Есть сайты, которые используют шрифты для своего контента, которые могут быть трудно читаемыми. Источники контента должны быть чистыми и легкими для чтения. Пока титульные шрифты должны быть использованы для максимального эффекта и привлечь внимание к конкретным областям вашего сайта.
Завершение Google шрифтов для WordPress
Как вы, возможно, начинаете ценить, выбор шрифтов для дизайна вашего сайта может быть сложным и сложным процессом. Это гораздо больше, чем просто выбрать любой из двух источников.
Есть несколько вещей, которые вы должны стремиться обеспечить в своем выборе. Убедитесь, что иерархия класса заголовка сбалансирована и что заголовки заголовка уменьшены в относительном размере.
Половина битвы за хороший дизайн и типографику сайта согласуется с выбором шрифта. Это включает размеры шрифта, вес и интервал. Использование Google Fonts и плагина Google Typography делает весь этот процесс намного проще, чем когда-либо. Даже с этими ресурсами, наличие профессионального, сбалансированного шрифта остается проблемой.
Если вы все еще не уверены в выборе, который делаете, и теряете себя, когда пытаетесь выяснить разницу между всеми вашими вариантами. Это может быть время для профессионального дизайнера взглянуть на ваш сайт.
Вы внедрили Google Fonts на своем сайте? Вы создали тему с нуля, которая включает в себя шрифты Google? Мы хотели бы услышать ваши мысли о типографии и ваших любимых шрифтов в комментариях ниже.
