Сервис для
сео - оптимизаторов

Найди ошибки на сайте
Ошибки мешают продвижению сайта
Исправь ошибки на сайте
Сайт без ошибок продвигать легче
Получи новых клиентов
Новые клиенты принесут больше прибыль

Веб-шрифты и сопоставление шрифтов

  1. Веб-шрифты
  2. Использование веб-шрифтов
  3. Сопоставление шрифтов
  4. Использование сопоставления шрифтов

Используйте веб-шрифты, чтобы убедиться, что шрифты вашего прототипа правильно отображаются на всех устройствах. Используйте сопоставления шрифтов, чтобы быстро заменить один шрифт другим.

Веб-шрифты

Веб-шрифты

Термин «веб-шрифты» относится к технике веб-разработки, использующей файлы шрифтов, размещенные на веб-сервере, а не на локальном жестком диске вашего компьютера, для визуализации текста, который вы видите при просмотре веб-страниц. Это помогает гарантировать, что выбранные веб-шрифты будут правильно отображаться на любом устройстве, даже если на нем не установлены эти шрифты.

В Axure RP вы можете использовать веб-шрифты, включая ссылки на файлы веб-шрифтов на вкладке « Шрифты » Генератор HTML , Используйте эту функцию, если ваш прототип включает веб-безопасные шрифты - те, которые не установлены по умолчанию в большинстве операционных систем - и если его сгенерированный HTML-код будет просматриваться на компьютерах и устройствах, на которых выбранные шрифты могут быть не установлены локально. Это особенно актуально для тестирования и просмотра удаленных пользователей на мобильных устройствах, когда вы не можете контролировать, какие шрифты установлены на целевом устройстве.

Использование веб-шрифтов

  1. открыто настройки генератора HTML и нажмите на вкладку Шрифты .

  2. Нажмите « Добавить шрифт» и введите имя шрифта в поле « Шрифт» .

  3. Обратитесь к вашему провайдеру шрифтов или руководству по фирменному стилю за информацией о том, как встроить ваш веб-шрифт, а затем выполните одно из следующих действий:

    • Если вам предоставлен URL-адрес для CSS-файла, выберите « Ссылка на .css» и вставьте его в поле «URL- адрес файла CSS» .

    css» и вставьте его в поле «URL- адрес файла CSS»

    • Если вы предоставили @ определение шрифта выберите @ font-face и вставьте определение в появившуюся текстовую область. (Вам нужно только включить текст в скобки {}.)

    )

  4. Закройте диалоговое окно, чтобы сохранить настройки.

Сопоставление шрифтов

Сопоставление шрифтов

Отображение шрифта является особенностью HTML генератор это позволяет вам динамически менять один шрифт на другой в выводе HTML вашего прототипа без изменения шрифта, используемого в Axure RP. Например, если вам нужно настроить сопоставление шрифтов от Arial до Verdana, любой текст, стилизованный в Arial, все равно будет отображаться в Arial на холсте Axure RP, но он будет отображаться в Verdana в вашем веб-браузере.

Эта функция полезна в ряде сценариев:

  • Используйте сопоставление шрифтов, если вам нужно временно заменить один шрифт другим для сравнения, прежде чем сделать изменение более постоянным, обновив свой стили виджетов ,

  • Вы также можете использовать сопоставление шрифтов, чтобы включить веб-шрифт, который вы не можете или не хотите устанавливать локально на вашем компьютере. Создайте свой прототип с уже установленным шрифтом, а затем сопоставьте этот шрифт с нужным веб-шрифтом.

Использование сопоставления шрифтов

  1. открыто настройки генератора HTML и нажмите на вкладку Шрифты .

  2. Нажмите « Сопоставление шрифтов» , а затем нажмите « Добавить сопоставление» в открывшемся окне.

Нажмите « Сопоставление шрифтов» , а затем нажмите « Добавить сопоставление» в открывшемся окне

  1. В первом раскрывающемся списке выберите шрифт, который вы хотите заменить.

    Если вы хотите заменить только определенную гарнитуру шрифта - например, только жирный шрифт Arial - выберите гарнитуру в раскрывающемся меню « Стиль шрифта» (необязательно) справа.

  2. В поле « Сопоставить с семейством шрифтов» введите имя шрифта, которым вы хотите заменить первый шрифт.

    Если вы выбрали шрифт на шаге 3, вам также нужно будет указать вес шрифта и стиль шрифта для нового шрифта (по умолчанию для обоих типов - нормальный).

    Предупреждение. Если вы оставите поле « Сопоставить с семейством шрифтов» пустым или введете имя шрифта, к которому ваш веб-браузер не имеет доступа, первый шрифт будет заменен шрифтом по умолчанию вашего браузера, обычно Times New Roman.

  3. Нажмите « Готово», а затем закройте диалоговое окно, чтобы сохранить настройки.