Как использовать шрифты Google Fonts на вашем сайте
Ещё несколько лет назад web был полон скучными стандартными шрифтами, часть из них вообще не является читабельной. Это было сделано для того, что бы исключить отсутствие шрифтов на веб-страницах и привести всех к единому формату. Конечно же это нравилось не всем и стали появлятся подгружаемые шрифты, так же стали появляться сторонние сервисы, предоставляющие API для шрифтов. Но их стабильность и выбор самих шрифтов оставляли желать лучшего. Тем более встала проблема с лицензированием самих шрифтов. А некоторые сервисы, такие как Type Kit предоставляют такие услуги за деньги, к примеру $49-$99 за то, если вы хотите использовать шрифты более чем на одном сайте, тем более выбор даётся только из 230 шрифтов в бесплатной версии.
Но затем появился сервис Google Fonts, который легко и быстро предоставляет каждому пользователю выбор из 808 шрифтов, прямо со своих серверов. У этого сервиса огроменое количество преимуществ, таких как сам выбор шрифтов, это не просто подборка обыкновенных шрифтов — это подборка элегантных, читабельных и просто красивых шрифтов для вашего веб сайта. Это ещё и уверенность в том, что эти шрифты всегда быстро загрузятся на страницу пользователя, как никак, а сервера о Google практически никогда не дают сбоев в работе. Выбор шрифтов действительно потрясающий и с каждым днем становится всё больше и больше. Зайдя на сам сайт, вы в этом убедитесь.
Но как и все шрифты, у них есть свои недостатки. Как известно не все из шрифтов поддерживают кириллицу и другие не латинские шрифты. А их довольно много, к примеру на некоторые языки, такие как арабский имеет всего 16 шрифтов из 808. Так что прежде, чем выбирать шрифт для своего сайта, убедитесь, что он поддерживает кириллицу. Сделать это можно довольно просто. Просто в боковой панели Google Fonts, выберите Languages и затем нажмите на Cyrillic. Таким образом вы исключите неприятные ситуации со шрифтами на вашем сайте. Сейчас доступно 68 шрифтов из 808, что довольно неплохой показатель. Но если вам требуются только латинские буквы, то смело убирайте фильтры, все шрифты поддерживаемые.
После того, как вы выбрали нужный шрифт. Нажмите на плюсик над ним и выберите его настройки. Вставить шрифт в страницу можно несколькими способами, прямо в HTML или через CSS. Для наглядного примера, мы выбрали кириллический шрифт Roboto Slab, он довольно популярный и довольно читабельный, так что это один из лучших выборов. Первым делом зайдите в Customize и выберите внутренние настройки — Cyrillic и Cyrillic Extended. По нужде можете выбрать размер жирности, но это можно изменить уже в самом CSS при разработке страницы и кстати рекоммендуется это делать там.
Далее мы видим довольно простой код CSS и HTML для вставки на сайт. Вы, как описано выше можете выбрать из 2х вариантов. Рассмотрим первый, прямая вставка кода на страницу HTML. В <head> сайта, вставьте код выданный Google Fonts, а затем на выбор, как вы любите пропишите в <style> для <body> font-family: ‘Roboto Slab’, serif;
Или же вы можете прописать стили inline, такой подход обычно используется для вставки шрифтов в HTML письма, но не часто из-за многих причин.
Второй вариант самый удобный и даёт больше возможностей для прямо работы с текстом. Просто пропишите font-family: ‘Roboto Slab’, serif; в любом CSS селекторе.
На данный момент Google Fonts бета версию собственных эффектов и возможностей работы со шрифтами посредством запросов и работы CSS. Но об этом мы напишем в других статьях по работе со шрифтами.
А пока наслаждайтесь уникальными и красивыми шрифтами от Google на страницах вашего сайта. Как видите в приминении их на страницах своего сайта нет ничего сложного, Google упростил сам процесс до минимума. А знания HTML и CSS требуют только основых знаний, что говорит о том, что сам процесс не займет у вас много врмени на изучения новых свойств и параметров.
Поставщик управления согласием (CMP) 🍪
согласиеменеджер
Как веб-сайты могут стать совместимыми с TTDSG, GDPR/ePrivacy и CCPA с помощью нашего решения для получения согласия на использование файлов cookie.
- consentmanager.ru/wp-content/themes/cmstheme/icons/interface/check.svg»/> Легко интегрируется
- Совместимость с TTDSG, GDPR и ePrivacy
- Официальный IAB TCF v2 CMP
- Поддержка нового стандарта IAB GPP
- Совместимость с более чем 2500 инструментов
- Полностью настраиваемый по вашему дизайну
- Встроенный сканер файлов cookie
- ru/wp-content/themes/cmstheme/icons/interface/check.svg»/> Отображение на более чем 30 языках
Бесплатный тест сейчас Oрганизовать встречу
Мы уже помогли более чем 25 000 веб-сайтов соответствовать требованиям GDPR, TTDSG и ePrivacy.
Среди наших клиентов одни из крупнейших веб-сайтов и самые известные бренды в мире.
… и многие другие.
Обратите внимание: несмотря на то, что CMP согласия менеджера предлагает множество функций, таких как блокировка сторонних кодов и файлов cookie, не все наши клиенты используют все функции. Поэтому, пожалуйста, не судите о наших функциях только по тому, как наши клиенты используют наш инструмент.
Рекомендовано юристами и специалистами по защите данных
CMP для всех
consummanager — идеальное решение для…
Consentmanager — это универсальное решение с множеством функций. Здесь вы можете узнать, что может вам предложить Consentmanager:
Для издателей и издателей
Для интернет-магазинов
Для агентств
Для сотрудников по защите данных
Для международных компаний
Будьте на безопасной стороне с согласия менеджера
Почему мы лучше других инструментов…
Клиенты, использующие CMPсогласиеmanager. de, достигают значительно более высоких показателей принятия и более низких показателей отказов (посетители, которые покидают сайт), чем с другими инструментами.
Более высокий уровень принятия и более низкий показатель отказов
Клиенты, которые используют ConsentManager.de CMP, достигают значительно более высоких показателей принятия и более низких показателей отказов, т.е. вы теряете меньше пользователей с нашим решением, чем с обычными решениями.
Это действительно важно для вас: Только с высоким уровнем одобрения вы можете полностью раскрыть потенциал своего веб-сайта (например, продавать все более и более дорогую онлайн-рекламу). И только при низком показателе отказов вы сможете лучше обслуживать своих посетителей.
Измерение уровня принятия и показателя отказов
acceptmanager.de — единственное решение, которое предлагает вам полный обзор того, что происходит на вашем веб-сайте и как ваши посетители реагируют на уровень согласия и взаимодействуют с ним.
A/B-тестирование
Встроенное A/B-тестирование и автоматическая оптимизация помогают отображать лучший дизайн для ваших посетителей.
многоязычие
Поскольку все больше и больше веб-сайтов ориентированы на международный рынок , решение для многоязычного согласия имеет важное значение. Международные клиенты также хотят знать, на какие файлы cookie они дают согласие. Вот почему баннер cookie диспетчера согласия доступен более чем на 30 языках . Это означает, что ваш веб-сайт лингвистически подходит для области GDPR и далеко за ее пределами.
Оптимизировано для ПК, мобильных устройств, AMP, inApp Android и iPhone/iOS
Как одно из немногих решений, наш CMP может быть интегрирован во все устройства и работает со всеми размерами экрана.
соответствие GDPR
Consentmanager постоянно соблюдает действующие правила использования файлов cookie GDPR. Вы автоматически получаете юридическую определенность даже в случае изменений в законе о защите данных. С этим комплексным беззаботным пакетом вы можете сосредоточиться на своем бизнесе. Средство проверки файлов cookie сканирует ваш веб-сайт и составляет полный список всех провайдеров. Если клиент отказался от своего согласия на использование файла cookie, сканер автоматически блокирует передачу данных.
совместимость
Конструктор сайтов опирается на плагины и расширения. Другие системы часто добавляются через интерфейсы. Это требует широкой совместимости и функциональной совместимости . Диспетчер согласия, включая различные баннеры файлов cookie, совместим с большим количеством распространенных менеджеров тегов, систем магазинов и почти со всеми продуктами и рекламными серверами Google.
Поиск файлов cookie
Наш встроенный сканер файлов cookie автоматически просканирует ваш сайт и найдет все файлы cookie.
Безопасно в Европе
Все данные хранятся у нас в защищенных базах данных и исключительно на серверах в Европе.
блокировка рекламы
Наш CMP может автоматически блокировать или задерживать все объявления на вашем веб-сайте до тех пор, пока посетитель не даст свое согласие.
Защита данных для ваших клиентов
Защитите своих клиентов и создайте доверие . Соблюдая все применимые правила защиты данных CCPA и GDPR, посетители чувствуют себя с вами комфортно и в безопасности. Это увеличивает продолжительность пребывания и коэффициент конверсии!
Соблюдение законов США о конфиденциальности
Своим CPM Consentmanager поддерживает текущие изменения (2023 г.) в законах о защите данных в штатах США Калифорния, Вирджиния, Колорадо, Юта и Коннектикут. Недавно разработанный технический стандарт IAB GPP (Global Privacy Platform) обеспечивает юридически безопасную интеграцию настроек согласия и отказа на международном уровне.
Подробно обо всех возможностях CMP
Конечно, acceptmanager работает и с…
Платите только за то, что используете.
Наша гибкая модель ценообразования
CMP согласия менеджера недорогой и доступен с гибкой моделью: вы платите только за то, что вы используете!
EUR USD GBP PLN SEK
Basic
€ 0
Постоянно бесплатно для
сайт или приложение
- consentmanager.ru/wp-content/themes/cmstheme/icons/interface/check.svg»/>5000 просмотров/мес вкл.
- GDPR-совместимый
- Готовые дизайны
- 1 сканирование в неделю
- Поддержка: билеты
-
дополнительный Доступные для бронирования просмотры -
CMP, совместимый с IAB TCF -
Стандарт IAB GPP -
A/B-тестирование и оптимизация -
дополнительный учетные записи пользователей
Присоединяйся сейчас
Beginner
€ 19
Ежемесячно для
сайт или приложение
- consentmanager.ru/wp-content/themes/cmstheme/icons/interface/check.svg»/>100 000 просмотров/месяц вкл.
- дополнительный Просмотры:0,1 € / 1000
- GDPR-совместимый
- Индивидуальный дизайн
- 3 обхода/день
- Поддержка: билеты
-
A/B-тестирование и оптимизация -
CMP, совместимый с IAB TCF -
Стандарт IAB GPP -
дополнительный учетные записи пользователей
Присоединяйся сейчас!
Очень популярный
Standard
€ 49
Ежемесячно до
3 веб-сайта или приложения
- consentmanager.ru/wp-content/themes/cmstheme/icons/interface/check.svg»/>1 млн просмотров/мес в т.ч.
- дополнительный Просмотры:0,05 € / 1000
- GDPR-совместимый
- CMP, совместимый с IAB TCF
- Стандарт IAB GPP
- Индивидуальный дизайн
- A/B-тестирование и оптимизация
- ru/wp-content/themes/cmstheme/icons/interface/check.svg»/>10 сканирований/день
- Поддержка: Билет и электронная почта
-
дополнительный учетные записи пользователей
Присоединяйся сейчас!
Agency
€ 195
Ежемесячно до
20 веб-сайтов или приложений
- 10 млн просмотров/месяц вкл.
- дополнительный Просмотры:0,02 € / 1000
- GDPR-совместимый
- svg»/>CMP, совместимый с IAB TCF
- Стандарт IAB GPP
- Индивидуальный дизайн
- A/B-тестирование и оптимизация
- 100 сканирований в день
- 10 дополнительных учетные записи пользователей
- Поддержка: Тикет, электронная почта и телефон
-
Менеджер личного кабинета
Присоединяйся сейчас!
Enterprise
По запросу
Цена в месяц по индивидуальному соглашению
- consentmanager.ru/wp-content/themes/cmstheme/icons/interface/check.svg»/>Любые просмотры/месяц
- дополнительный Просмотры:0,02 € / 1000
- GDPR-совместимый
- CMP, совместимый с IAB TCF
- Стандарт IAB GPP
- Индивидуальный дизайн
- A/B-тестирование и оптимизация
- svg»/>Любое сканирование/день
- любое доп. учетные записи пользователей
- Поддержка: Тикет, электронная почта и телефон
- Менеджер личного кабинета
Присоединяйся сейчас!
управление согласием
Как работает наше управление согласием?
Наше CMP-решение очень легко интегрировать: просто войдите в свою учетную записьсогласиеmanager.de, настройте свой веб-сайт(ы), создайте код и вставьте его на свой веб-сайт. Наша платформа автоматически начнет собирать согласие ваших посетителей. Кроме того, рекламодатели и другие партнеры могут напрямую связываться с CMP через API, стандартизированный IAB, и запрашивать, были ли одобрены рекламные меры.
Новое: Наш новый «Оптимизатор согласия» автоматически определяет, какой из многочисленных вариантов дизайна лучше всего подходит вашим посетителям. Он автоматически показывает дизайн, который лучше всего побуждает ваших посетителей соглашаться и, таким образом, обеспечивает высокий уровень одобрения!
Отчеты и статистика
Познакомьтесь со своими посетителями
CMP согласияmananger.de предоставляет вам большое количество оценок самых разных аспектов ваших посетителей. Это точно говорит вам, сколько просмотров веб-сайта и, следовательно, полезных рекламных показов приходится на пользователей, которые дали свое согласие, и сколько посетителей отказались.
Оцените, какой именно дизайн работает лучше всего, или сравните посетителей с компьютеров с посетителями с мобильных устройств. Наши обширные фильтры и параметры группировки позволяют вам ответить практически на любой вопрос в отчете.
Протестируйте конструктивные особенности диспетчера согласия
CMP для всех
Один CMP – тысяча возможностей.
Откройте для себя полную гибкость дизайна constentmanager и предложите управление согласием на языке ваших пользователей.
Легкая интернационализация
менеджер по языковым талантам
Наш менеджер согласия поддерживает более 30 языков, включая все официальные языки, на которых действует GDPR, и многие другие. Каждому посетителю автоматически показывается соответствующий текст.
Идеально впишется в ваш дизайн
Полностью индивидуальный дизайн
Наш CMP полностью настраивается в соответствии с вашими потребностями. Будь то стиль шрифта, цвета, интервалы, рамки, текст или ваш логотип — вы можете настроить все в соответствии со своими потребностями.
Соответствует законодательству, в том числе международному.
Законы США о защите данных реализованы просто
Не бойтесь новых международных законов о защите данных. Наш CMP также технически готов к текущим изменениям в правилах защиты данных. Новый стандарт IAB GPP (Global Privacy Platform) делает это возможным. Это также делает ваш веб-сайт или приложение юридически совместимым в штатах США: Калифорния (CCPA/CPRA), Вирджиния (VCDPA), Колорадо (CPA), Юта (UCPA) и Коннектикут (CAPDP).
Протестируйте дизайн Consentmanager и
Часто задаваемые вопросы
Не уверены, нужен ли вам CMP?
Чтобы помочь вам с такими вещами, как GDPR, CMP и согласие, мы собрали здесь наиболее распространенные вопросы.
В 2023 году в пяти штатах США вступят в силу изменения в законах о защите данных. Это влияет на следующие состояния:
- CCPA/CPRA (Калифорния)
- VCDPA (Вирджиния)
- CPA (Колорадо)
- UCPA (Юта)
- CAPDP (Коннектикут), а также
- Национальная конфиденциальность США
Если ваша компания работает в одном из этих регионов, то вы в безопасности, используя CMP согласия менеджера. В качестве одного из первых решений для управления согласием мы уже интегрировали новый технический стандарт IAB GPP (Global Privacy Platform) в нашу CMP. GPP является дальнейшим развитием IAB TCF v2. Новый стандарт поддерживает вас на пути к соблюдению изменившихся законов США о защите данных.
Согласие на использование файлов cookie — это согласие ваших посетителей на обработку определенных файлов cookie. Это согласие должно быть дано в явной форме и добровольно не позднее, чем после вынесения Европейским судом постановления о файлах cookie. Разрешается устанавливать первый технически необязательный файл cookie только после получения согласия. Файлы cookie, которые технически не требуются для работы, исключаются из этого правила.
Согласие на использование файлов cookie обычно требуется, как только на странице должны использоваться технически необязательные файлы cookie. Это начинается с использования простых инструментов отслеживания и анализа. Они всегда работают с отслеживающими файлами cookie. Они очень важны для бизнес-сайтов и магазинов, поскольку предоставляют информацию о поведении пользователей. С помощью баннера файлов cookie диспетчера согласия пользователи могут получить юридически защищенное согласие.
Большинство веб-сайтов и приложений работают с приложениями, подпадающими под действие Закона штата Калифорния о конфиденциальности потребителей (CCPA). Сюда уже входят сервисы от Google. Поэтому в альтернативе Borlabs от Consentmanager необходимо учитывать соответствующие юридические требования.
С альтернативой файлам cookie Borlabs от Consentmanager у вас есть мощное решение для запроса согласия ваших пользователей на использование файлов cookie. Уведомление о файлах cookie автоматически отображается при посещении веб-сайта. Он появляется каждый раз, когда вы посещаете свой сайт. Посетители информируются об использовании файлов cookie и могут принять или отклонить их. Это обеспечивает согласие в соответствии с GDPR через двойную подписку.
Встраивая CMP на свой веб-сайт 😉 Наша CMP будет отображать сообщение для ваших посетителей с просьбой дать свое согласие. Мы сохраним решение посетителя и сделаем его доступным для ваших рекламодателей и других их партнеров, чтобы они знали, могут ли они обрабатывать персональные данные и каким образом.
CMP — это сокращение от Consent Management Provider или синонима Consent Management Platform. В некоторых случаях также используется Choice Management Platform или Choice Management Provider. Во всех случаях это одно и то же: это программное обеспечение или услуга, которая предлагает посетителю веб-сайта прозрачность в отношении обработки данных и предлагает возможность дать согласие для определенных целей, таких как файлы cookie, маркетинг, анализ или персонализация.
Да. Наше решение для согласия может быть интегрировано во все CMS (системы управления контентом) и системы магазинов. Поддерживаемые CMS и торговые системы включают WordPress, Joomla, Typo3, Dupal, eZ Publish, Magento, phpWiki, PrestaShop, osCommerce, OXID eShop, WooCommerece и многие другие.
Да. Наше решение GDPR отправляет переменные JavaScript и так называемые уровни данных, которые можно использовать с большинством программного обеспечения для управления тегами. Для многих менеджеров тегов у нас также есть специальные уровни данных и структуры, которые еще больше упрощают взаимодействие. Поддерживаемые менеджеры тегов и аналитическое программное обеспечение включают AT Tasty, Adbobe Anyyltics, Adometry, Chartbeat, CXsense, Google Analytics, Eulerian, Hitjar, Hubspot, Salesforce, LinkedIn, Mouseflow, Nielsen, Parse.ly или Webtrekk.
Да. Наше решение для получения согласия соответствует спецификации IAB TCF и сертифицировано IAB. Это позволяет провайдерам автоматически получать информацию о согласии от нашего API и использовать ее соответствующим образом. Мы также предоставляем механизм автоматической блокировки для блокировки кодов без согласия пользователя. Это работает со многими поставщиками, такими как Google Analytics, Piwik, DFP/Google Ads или SSP, такими как Google Adsense, Pubmatic, Rubicon, OpenX или Appnexus.
Наш базовый пакет предоставляется бесплатно при просмотре до 10 000 страниц в месяц. Наш стандартный пакет начинается с 50 евро в месяц и включает 2,5 миллиона просмотров страниц. С 2,5 миллионов просмотров страниц мы взимаем 0,02 евро за каждую 1000 дополнительных просмотров страниц.
Нет! В самом простом случае просто вставьте наш код на свой сайт — и все!
Если посетитель не согласен на сбор и использование файлов cookie, сбор соответствующих файлов cookie или создание данных невозможны. Это особенно относится к данным отслеживания, которые предоставляют информацию о поведении пользователя. Такие данные дают операторам бизнес-сайтов, в частности, важные подсказки для оптимизации веб-сайта. Таким образом, вы получаете юридически защищенное согласие через Consent Manager.
Как только в месяц будет достигнуто 5000 просмотров страниц, CMP автоматически прекратит обслуживание уровня согласия, и ваши посетители больше не смогут давать согласие. Мы НЕ будем автоматически выставлять вам счета или повышать уровень пакета — базовый пакет всегда будет бесплатным.
Обратите внимание, что мы не можем предоставить юридическую консультацию. Некоторые пункты этого часто задаваемых вопросов также могут меняться со временем или по-разному интерпретироваться судами. Вот почему вы всегда должны консультироваться с вашим адвокатом!
Типографика — Руководство по типографике бренда
Стандарты бренда- Фонды
- История
- Стратегия
- Личность
- Логотипы
- Логотип Красной Шляпы
- Шляпа
- Red Hat и IBM
- Логотипы одобрения
- Логотипы совместных брендов
- Логотипы партнеров
- Логотипы продуктов
- Универсальные логотипы
- Логотипы инициативы
- Логотипы сертификации
- Логотипы сообщества DEI
- Логотип саммита Red Hat
- Визуальная система
- Цвет
- Типография
- Фотография
- Иконки
- Иллюстрация
- Выражение
- Приложения
- Шаблоны
Слова, которые мы выбираем, являются важной частью голоса нашего бренда, но не менее важно и то, как эти слова выглядят.
В нашем семействе шрифтов каждый символ состоит из идеальных кругов и прямых ровных линий. Эффект представляет собой геометрический, рациональный и спроектированный шрифт с человеческими штрихами, вдохновленными историей нашего бренда. Открытое ощущение отдельных букв уравновешивает тесное расстояние между буквами.
Наши шрифты находятся под открытой лицензией SIL International и доступны для загрузки и использования любым пользователем. Чтобы использовать наши шрифты, вы можете: получить к ним доступ в предварительно загруженных шаблонах, загрузить и установить их с GitHub, использовать их в качестве веб-шрифта, добавить их в параметры шрифтов Google или найти их предварительно установленными на компьютерах, выпущенных Red Hat.
Загрузите наши шрифты Red Hat для создания материалов Red Hat.
Не используйте другие шрифты для материалов Red Hat.
Шрифты Red Hat
Red Hat DisplayRed Hat Display используется в заголовках и для громких заявлений. Поскольку Red Hat Display предназначен для больших размеров, в нем больше индивидуальности и голоса нашего бренда, с ровными штрихами, узкими интервалами и высокими открытыми буквами. Если вы не знаете, какой шрифт использовать, по умолчанию используйте Red Hat Display.
Red Hat TextRed Hat Text использует всю индивидуальность Red Hat Display и оптимизирует ее для более требовательных приложений. Его легко читать абзацами и очень маленькими размерами, как в технической документации или всплывающей подсказке в интерфейсе.
Для повышения удобочитаемости при небольших размерах Red Hat Text имеет большую разницу в высоте между прописными и строчными буквами, большее расстояние между более узкими символами и большую вариацию толщины строки.
Красная шляпа МоноRed Hat Mono — это моноширинный шрифт, созданный для того, чтобы отличать код от текста на естественном языке. Его следует использовать только при демонстрации фрагментов кода в наших сообщениях и спецификациях или в качестве стилистического подхода для более технической аудитории, такой как Red Hat Developer Program или Command Line Heroes.
Глобальный типRed Hat Display и Red Hat Text поддерживают расширенный набор латинских символов и работают с большинством европейских языков. Для других языков, таких как китайский, японский, корейский и кириллица, используйте семейство шрифтов Noto Sans.
Noto — это семейство шрифтов с открытой лицензией от Google, которое было разработано для поддержки всех языков без маленьких прямоугольников, известных как тофу, которые появляются, когда шрифт не поддерживает символ. Простой, чистый дизайн делает его хорошим аналогом семейства шрифтов Red Hat.
Как насчет вариативных шрифтов?
Переменная версия наших шрифтов включает вес в качестве переменной опции, и ее лучше всего использовать на веб-ресурсах для сокращения времени загрузки. При использовании вариативных шрифтов придерживайтесь именованных начертаний (обычный, полужирный и т. д.) для единообразия в приложениях. Если ваше настольное приложение не поддерживает вариативные шрифты, используйте вместо этого традиционную версию.
Ключевые принципы типографики в Red Hat
Используете ли вы шрифт для простой передачи информации или как выразительный элемент дизайна, применяйте эти принципы, чтобы ваша типографика выглядела и воспринималась как Red Hat.
Использовать регистр предложенийВ материалах Red Hat, включая заголовки, мы используем регистр предложений — не только заглавные буквы и заглавия (мы используем регистр названий для должностей). Печатать заглавными буквами означает, что мы кричим или чрезмерно агрессивны.
Всегда используйте регистр предложений в материалах Red Hat, даже в заголовках.
Не используйте заглавные буквы или заглавные буквы.
При выделении слов в контексте мы либо выделяем их жирным шрифтом, либо курсивом, либо изменяем текст на утвержденный фирменный цвет, но используем только один стиль за раз. Мы выделены жирным шрифтом для акцента при написании цифровой копии и курсивом при написании сопроводительного материала. При создании презентаций, рекламного текста и социальной графики мы можем использовать любой из трех способов, но только один за раз.
Используйте 1 процедуру для создания иерархии или выделения.
Не используйте одновременно более 1 типа выделения.
Пустое пространство вокруг элементов любого дизайна известно как белое пространство. Эффективное использование пустого пространства может подчеркнуть наше сообщение и помочь передать некоторые ключевые атрибуты индивидуальности нашего бренда.
Большое количество пустого пространства делает наш бренд открытым и привлекательным, а сосредоточение внимания на 1 или 2 ключевых сообщениях вместо того, чтобы заполнять каждое пространство, делает наш бренд уверенным и смелым.
Используйте много пустого пространства и минимум текста, а также оставьте поле.
Не заполняйте небольшое пространство большим количеством текста и не удаляйте поля, чтобы освободить место для текста.
Функциональный шрифт
Функциональный шрифт передает информацию и часто встречается в презентациях, фирменных бланках, шаблонах и вспомогательных материалах.
Функциональный шрифт удобочитаемый, разборчивый и простой. Его буквы не редактируются и не перемещаются. Он может быть небольшим и информативным, например, абзац с пояснением технической информации; и он может быть смелым и напористым, как большой заголовок.
Узнайте больше о функциональном типе
Выразительный тип
Шрифт может быть не только информационным — его также можно использовать для привлечения внимания, подчеркивания идеи или дополнения буквального значения слов. Выразительная типографика использует стилизованный шрифт таким образом, что он больше похож на изображение, чем на текст. Он вызывает чувство или эмоцию так, как это не делает блок шрифта.
Изучите возможности, но имейте в виду, что выразительный шрифт может усложнить перевод, редактирование и настройку.
Узнайте больше о выразительном шрифте
Наши шаблоны презентаций используют Red Hat Display и Red Hat Text в качестве функционального типа, чтобы четко общаться с нашими клиентами, партнерами и сотрудниками, выглядя и чувствуя себя как Red Hat.
Экспрессивный шрифт успешно используется в качестве изображения для поддержки функционального типа в этой социальной графике.
Важно учитывать, как люди с разными способностями воспринимают текст в вашем активе. Учитывайте размер, интервалы, выделение иерархии и удобочитаемость. Узнайте больше о специальных возможностях в Red Hat.
Наш вклад в шрифты
Открытый дизайн важен для Red Hat, потому что наш подход к открытому исходному коду выходит за рамки приобретения и выпуска программного обеспечения. Мы надеемся, что если мы делаем и делимся чем-то полезным для себя, это может быть полезно и кому-то другому. Вот почему мы создали шрифты, которые каждый может использовать, учиться и совершенствоваться. Имейте в виду, что мы не используем эти шрифты с открытым исходным кодом в материалах под брендом Red Hat.
Liberation была создана в 2007 году для облегчения проблем с форматированием при перемещении документов между открытыми и проприетарными офисными инструментами.
Эстакада была создана в 2016 году и с тех пор несколько раз расширялась. Основанный на Highway Gothic, этот шрифт изначально использовался на дорожных знаках США и имеет 20 начертаний, включая тонкий, светлый, светлый курсив, обычный, обычный курсив, полужирный, жирный, очень жирный и черный.
Мы создали семейство рукописных шрифтов с открытым исходным кодом для серии статей «Потому что нам нужно было» в 2018 году. Оно включает 6 стилей, каждый из которых представляет женщин в сфере технологий, о которых рассказывается в статьях.
Best Practices > General Settings > Web Fonts > Как загрузить шрифт из Google Fonts™
Google Fonts™ — это услуга, предлагаемая Google, которая позволяет вам использовать нестандартные шрифты на страницах вашего веб-сайта без необходимости реализации директив CSS3 и, прежде всего, без необходимости загружать файлы шрифтов в ваше веб-пространство (файлы остаются на сервере Google).
Google Fonts™ — это, по сути, огромная папка, полная шрифтов с открытым исходным кодом: они могут использоваться всеми бесплатно, в личных и коммерческих целях, их можно распечатывать, использовать для создания веб-сайтов и использовать на одном компьютере.
Чтобы использовать шрифты из Google Fonts™ в проекте WebSite X5, вам необходимо:
▪ | Перейдите в каталог Google Fonts™ и используйте фильтры, чтобы найти нужные шрифты: хотя интерфейс доступен только на английском языке, он очень интуитивно понятен. |
▪ | Нажмите кнопку «Добавить в коллекцию» шрифта, который хотите использовать. Коллекция — это своего рода контейнер, из которого вы можете выбрать самые интересные шрифты. Он отображается внизу страницы. |
▪ | Выбрав шрифты, разверните коллекцию и нажмите кнопку «Использовать». |
▪ | На следующей странице вы выбираете стили для каждого шрифта (например, Обычный, Жирный и т. д.) и набор символов (например, Кириллица, Греческий и т. д.). ), который вы хотите использовать. На основе вашего выбора Google оценивает влияние шрифтов на время загрузки страницы (поскольку их необходимо загружать с сервера Google). Каждый шрифт имеет разное влияние, поэтому будьте осторожны, не преувеличивайте и импортируйте только те шрифты, которые вам действительно нужны. |
▪ | Нажмите кнопку «Загрузить»: диалоговое окно сообщит вам, что загрузка для использования шрифта не является строго обязательной. Помните, однако, что вам необходимо загрузить файл TTF, который необходим WebSite X5 для отображения шрифта на вашем компьютере. Нажмите на файл . zip, чтобы загрузить заархивированную папку со всеми файлами TTF и файлом пользовательской лицензии для каждого шрифта. После завершения загрузки закройте диалоговое окно, нажав кнопку «Закрыть». |
▪ | Google предлагает три способа добавления шрифта, и вы должны выбрать тот, который хотите использовать: |
• | Дополнение к стандарту CSS |
• | Добавление через команду @import |
Во всех 3 случаях вам нужно только скопировать код Google, чтобы вы могли вставить в соответствующее поле в WebSite X5.
Когда вы закончите, у вас будут все файлы и информация, необходимые WebSite X5 для добавления шрифта Google (см.