Вы можете добавить шрифты Adobe Edge и веб-шрифты в список шрифтов в Dreamweaver. В списке шрифтов перед веб-шрифтами и шрифтами Edge указываются поддерживаемые стеки шрифтов Dreamweaver.

Добавление шрифта Adobe Edge в список шрифтов

Теперь можно использовать шрифты Adobe Edge на своих веб-страницах. Если шрифт Edge используется на странице, в ссылку на файл JavaScript добавляется дополнительный тег сценария. Этот файл сначала загружает шрифт с сервера Creative Cloud напрямую в кэш браузера.

При отображении страницы шрифты загружаются с сервера Creative Cloud, даже если шрифт доступен на компьютере пользователя.

Например, в версии 12.2 тег сценария, использующий только шрифт Abel, имеет следующий формат:

<!--Следующий тег сценария загружает шрифт с сервера веб-шрифтов в Adobe Edge для использования на веб-странице. Мы не рекомендуем изменять его.-->

<script src="http://webfonts.creativecloud.com/abel:n4:default.js" type="text/javascript"></script>

«abel» — это внутреннее имя, используемое сервером для определения шрифта. n4 указывает, что загружается «обычный» вариант шрифта с толщиной «400».

В Dreamweaver CC сценарий добавляется следующим образом:

<!--Следующий тег сценария загружает шрифт с сервера веб-шрифтов в Adobe Edge для использования на веб-странице. Мы не рекомендуем изменять его.-->

<script>var adobewebfontsappname ="dreamweaver"</script>

<script src="http://use.edgefonts.net/abel:n4:default.js" type="text/javascript"></script>

  1. Выберите «Изменить» > «Управление шрифтами».

  2. На вкладке «Шрифты Adobe Edge» отображаются все шрифты Adobe Edge, которые можно добавить в список шрифта.

  3. Чтобы найти и добавить шрифты из этого списка в список шрифтов, выполните следующие действия.

    • Щелкните шрифт, который нужно добавить в список шрифтов.
    • Чтобы отменить выбор шрифта, щелкните шрифт еще раз.
    • Используйте фильтры для выбора предпочтительных шрифтов. Например, чтобы выбрать шрифты типа Serif, щелкните .
    • Можно использовать несколько фильтров. Например, для выбора фильтров типа Serif, которые можно использовать для абзацев, щелкните и .
    • Чтобы найти шрифт по имени, введите его имя в поле поиска.
  4. Щелкните для фильтрации выбранных шрифтов.

  5. Нажмите «Готово».

  6. Откройте список шрифтов из любого местоположения. Например, можно использовать список «Шрифт» в разделе CSS панели «Свойства».

    В списке шрифтов перед веб-шрифтами указываются стеки шрифтов Dreamweaver. Прокрутите список вниз, чтобы найти выбранные шрифты.

От эксперта

От эксперта
Train Simple

Добавление локальных веб-шрифтов в список шрифтов

Веб-шрифты с компьютера можно добавить в список шрифтов в Dreamweaver. Добавленные шрифты отображаются во всех меню шрифтов в Dreamweaver. Поддерживаются шрифты типов Font EOT, WOFF, TTF и SVG.

  1. Выберите «Изменить» > «Управление шрифтами».

  2. В открывшемся диалоговом окне щелкните вкладку «Локальные веб-шрифты».

  3. Нажмите кнопку «Обзор», соответствующую шрифту, который вы хотите добавить. Например, если ваш шрифт в формате EOT, нажмите кнопку «Обзор», соответствующую шрифту EOT.

  4. Перейдите в папку на компьютере, содержащую нужный шрифт. Выберите файл и откройте его. Если в этой папке существуют другие форматы для шрифта, они автоматически добавляются в диалоговое окно. Имя шрифта также автоматически извлекается из имени шрифта.

  5. Выберите параметр с запросом на подтверждение наличия лицензии для использования шрифта на веб-сайте.

  6. Нажмите «Готово». Список шрифтов отображается в текущем списке локальных шрифтов.

    Примечание.

    Чтобы удалить веб-шрифт из списка, выберите его в текущем списке локальных шрифтов и нажмите кнопку «Удалить».

Создание пользовательских стеков шрифтов

Стек шрифтов — это список шрифтов в объявлении семейства шрифтов CSS. С помощью вкладки «Пользовательские стеки шрифтов» диалогового окна «Управление шрифтами» можно сделать следующее.

  • Добавить новые стеки шрифтов с помощью кнопки «+».
  • Чтобы изменить существующие стеки шрифтов, выберите стек из списка шрифтов. Используйте кнопки «>>» и «<<» для обновления списка выбранных шрифтов.
  • Удалить существующие стеки шрифтов с помощью кнопки «-».
  • Изменить порядок стеков можно с помощью кнопок со стрелками.

Просмотр добавленных шрифтов

Нельзя просматривать шрифты Edge и веб-шрифты в представлении «Дизайн». Переключитесь в режим интерактивного или предварительного просмотра в браузере, чтобы просмотреть их.

Обновление тега сценария веб-шрифтов в нескольких файлах

При обновлении шрифта в файле CSS, который связан с несколькими файлами HTML, программа предложит обновить тег сценария в связанных файлах HTML. При нажатии кнопки «Обновить» теги сценария во всех соответствующих файлах HTML будут обновлены.

Обновление тега сценария веб-шрифтов на странице

Выберите Команды > Очистить тег сценария веб-шрифтов (текущая страница) для обновления всех имеющихся на странице веб-шрифтов, которые не указаны в теге сценария.

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет