Типографика в Helix Ultimate 2.0

• Типографика Helix Ultimate
• Настройки параметров типографики в Helix Ultimate
• Рекомендации по настройкам параметров типографики в Helix Ultimate
• Google Fonts в Helix Ultimate
• GDPR/EU-DSGVO/Privacy Policy и Google Fonts в Helix Ultimate
• Шрифты Arial, Verdana, Georgia и другие системные шрифты в Helix Ultimate

Типографика Helix Ultimate.

Типографика на веб-сайтах, пожалуй, важнее других элементов дизайна, поскольку шрифт - это единственное, что неизменно отображается в различных браузерах. Правильно подобранные шрифты позволяют легко придать индивидуальность дизайну вашего сайта. Для веб-мастеров JoomShaper во фреймворке шаблонов Helix Ultimate 2.0 для CMS Joomla предлагает выбор: Google Fonts или системные шрифты. Конечно, в любое время можно загрузить и установить свой собственный шрифт с помощью пользовательского CSS.

Шрифты могут быть использованы для всего сайта (Body), заголовков (H1-H6) и навигации (Главное меню). Можно также назначить шрифты только для определенных элементов CSS (Class / ID).

Настройки параметров типографики в Helix Ultimate.

• Font - Выбор семейства шрифтов.
• Weight (Вес) - Выбор веса шрифта.
• Size - Выбор размера шрифта (px, em и т.д.)
• Color - Выбор цвета для шрифта.
• Subset - Параметр только для Google Fonts. Выбор подмножества, используемого для языка родных букв шрифта, например Latin, Latin Ext, Cyrillic и Greek. Не все шрифты Google поддерживают ваш родной язык, поэтому возможно, что вы не увидите все дополнительные диакритические знаки. В этом случае необходимо выбрать другой шрифт.
• Line-height (Высота строки) - Установка высоты строки, расстояния между строками текста.
• Letter-Spacing - установка горизонтального интервала между символами текста. При положительных значениях letter-spacing символы располагаются дальше друг от друга, а при отрицательных значениях letter-spacing символы сближаются.
• Alignment (Выравнивание) - установка горизонтального выравнивания текста.

Рекомендации по настройкам параметров типографики в Helix Ultimate.

• Цвет шрифта (Font Color) - убедитесь, что коэффициент контрастности между цветом текста и цветом фона, на котором он расположен, достаточно высок, чтобы люди с ослабленным зрением могли прочитать содержимое страницы.
• Используйте минимальное значение 1,5 для line-height (высота строки) для основного содержания абзаца. Это поможет людям с ослабленным зрением, а также людям с когнитивными проблемами, такими как дислексия.
• Слишком большое положительное или отрицательное значение letter-spacing (интервал между буквами) сделает слово (слова), к которому применяется стилизация, нечитаемым.
• Непоследовательное расстояние между словами, создаваемое выровненным текстом, может быть проблематичным для людей с когнитивными проблемами, такими как дислексия.

Google Fonts в Helix Ultimate.

В целом типографика в шаблонах Helix Ultimate преимущественно основана на коллекции Google Fonts (950+ шрифтов). С таким количеством уникальных шрифтов, которые можно использовать, вы обязательно найдете то, что вам понравится! Эта область настроек позволяет вам легко выбрать шрифт(ы) из каталога шрифтов Google для вашего шаблона Joomla! Шрифты Google Fonts совместимы с популярными (и обновляемыми) браузерами. Они надежно работают на подавляющем большинстве современных мобильных операционных систем, включая браузеры Android и iOS 4.2+ (iPhone, iPad, iPod). Поддержка более ранних версий iOS ограничена. Все доступные шрифты Google выпускаются под лицензией с открытым исходным кодом. Вы можете использовать их в любом некоммерческом или коммерческом проекте.

Обратите внимание! Не все шрифты полностью поддерживают диакритические знаки (знаки) вашего родного языка. Проверьте это на сайте Google Fonts, прежде чем жаловаться.

Внимание! Чтобы изменить размер шрифта, используемого для просмотра на планшете или мобильном устройстве, сначала измените вид с помощью верхних иконок "Монитор" (по умолчанию), "Планшет" или "Мобильный", а затем выберите размер шрифта.

Все остальные параметры (такие как Font-Weight, Color, Decoration, Line-height) являются глобальными, поэтому они используются для всех видов устройств.

GDPR/EU-DSGVO/Privacy Policy и Google Fonts в Helix Ultimate.

По новому закону не разрешается собирать приватные данные посетителей вашего сайта без их разрешения.

Google Fonts - это услуга, предоставляемая компанией Google Inc. из США. Несомненно, Google Fonts опирается на общую Политику конфиденциальности Google. API Google Fonts (используемый в Helix Ultimate) позволяет ограничивать сбор, хранение и использование данных конечного пользователя только тем, что необходимо для эффективной работы со шрифтами. Использование Google Fonts не требует аутентификации. Посетители сайта не отправляют файлы cookie в API Google Fonts. Запросы к API Google Fonts выполняются к доменам, специфичным для данного ресурса, например fonts.googleapis.com или fonts.gstatic.com, поэтому запросы на получение шрифтов не содержат учетных данных, которые пользователь отправляет на сайт google.com при использовании других аутентифицированных служб Google, например Gmail. Использование веб-шрифтов Google обусловлено интересом к единообразному и привлекательному представлению онлайн-сервисов. Это представляет собой законный интерес в рамках статьи 6 (1) 1 lit. f GDPR. Что касается передачи персональных данных в США, компания Google приняла участие в программе EU-US Privacy Shield. Более подробную информацию о шрифтах Google и конфиденциальности можно найти здесь.

В целом, Google заявляет о соответствии GDPR. Но если вы считаете, что объяснений Google недостаточно для соблюдения законодательства в вашей стране - в любой момент можно принять решение:

1. Не использовать шрифты Google на своем сайте, отключить их в настройках Typography и использовать классические шрифты (совет ниже).
2. Заменить Google Fonts, загруженные с серверов google, на загруженные с вашего сервера (совет об этом вы найдете в разделе FAQ). Используйте сервис google-webfonts-helper, который позволяет легко самостоятельно разместить любой шрифт из Google Fonts. Если вы вставите их со своего собственного сервера, то все в правовых нормах снова будет в порядке.

Шрифты Arial, Verdana, Georgia и другие системные шрифты в Helix Ultimate.

Можно выбрать распространенные кроссплатформенные шрифты: Arial, Tahoma, Verdana, Helvetica, Times New Roman, Trebuchet MS и Georgia. Шрифты "Web Safe" означают, что они будут выглядеть идеально независимо от того, в каком браузере они просматриваются. Кроме того, эти шрифты очень популярны и предустановлены в операционной системе: Windows, iOS или Linux. Используя их, можно экономить трафик и сохранять высокую скорость загрузки страниц.

Перевод с английского официальной документации Helix Ultimate 2.0:
www.joomshaper.com

Заберите ссылку на статью к себе, чтобы потом легко её найти!
Раз уж досюда дочитали, то может может есть желание рассказать об этом месте своим друзьям, знакомым и просто мимо проходящим?
Не надо себя сдерживать! ;)