Выберите «Изменить» > «Управление шрифтами».
Последнее обновление
21 мая 2021 г.
Вы можете добавить шрифты 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>
-
-
На вкладке «Шрифты Adobe Edge» отображаются все шрифты Adobe Edge, которые можно добавить в список шрифта.
-
Чтобы найти и добавить шрифты из этого списка в список шрифтов, выполните следующие действия.
- Щелкните шрифт, который нужно добавить в список шрифтов.
- Чтобы отменить выбор шрифта, щелкните шрифт еще раз.
- Используйте фильтры для выбора предпочтительных шрифтов. Например, чтобы выбрать шрифты типа Serif, щелкните
. - Можно использовать несколько фильтров. Например, для выбора фильтров типа Serif, которые можно использовать для абзацев, щелкните и
. - Чтобы найти шрифт по имени, введите его имя в поле поиска.
-
Щелкните
для фильтрации выбранных шрифтов. -
Нажмите «Готово».
-
Откройте список шрифтов из любого местоположения. Например, можно использовать список «Шрифт» в разделе CSS панели «Свойства».
В списке шрифтов перед веб-шрифтами указываются стеки шрифтов Dreamweaver. Прокрутите список вниз, чтобы найти выбранные шрифты.
От эксперта
Добавление локальных веб-шрифтов в список шрифтов
Веб-шрифты с компьютера можно добавить в список шрифтов в Dreamweaver. Добавленные шрифты отображаются во всех меню шрифтов в Dreamweaver. Поддерживаются шрифты типов Font EOT, WOFF, TTF и SVG.
-
Выберите «Изменить» > «Управление шрифтами».
-
В открывшемся диалоговом окне щелкните вкладку «Локальные веб-шрифты».
-
Нажмите кнопку «Обзор», соответствующую шрифту, который вы хотите добавить. Например, если ваш шрифт в формате EOT, нажмите кнопку «Обзор», соответствующую шрифту EOT.
-
Перейдите в папку на компьютере, содержащую нужный шрифт. Выберите файл и откройте его. Если в этой папке существуют другие форматы для шрифта, они автоматически добавляются в диалоговое окно. Имя шрифта также автоматически извлекается из имени шрифта.
-
Выберите параметр с запросом на подтверждение наличия лицензии для использования шрифта на веб-сайте.
-
Нажмите «Готово». Список шрифтов отображается в текущем списке локальных шрифтов.
Примечание.Чтобы удалить веб-шрифт из списка, выберите его в текущем списке локальных шрифтов и нажмите кнопку «Удалить».
Создание пользовательских стеков шрифтов
Стек шрифтов — это список шрифтов в объявлении семейства шрифтов CSS. С помощью вкладки «Пользовательские стеки шрифтов» диалогового окна «Управление шрифтами» можно сделать следующее.
- Добавить новые стеки шрифтов с помощью кнопки «+».
- Чтобы изменить существующие стеки шрифтов, выберите стек из списка шрифтов. Используйте кнопки «>>» и «<<» для обновления списка выбранных шрифтов.
- Удалить существующие стеки шрифтов с помощью кнопки «-».
- Изменить порядок стеков можно с помощью кнопок со стрелками.
Просмотр добавленных шрифтов
Нельзя просматривать шрифты Edge и веб-шрифты в представлении «Дизайн». Переключитесь в режим интерактивного или предварительного просмотра в браузере, чтобы просмотреть их.
Обновление тега сценария веб-шрифтов в нескольких файлах
При обновлении шрифта в файле CSS, который связан с несколькими файлами HTML, программа предложит обновить тег сценария в связанных файлах HTML. При нажатии кнопки «Обновить» теги сценария во всех соответствующих файлах HTML будут обновлены.
Обновление тега сценария веб-шрифтов на странице
Выберите Команды > Очистить тег сценария веб-шрифтов (текущая страница) для обновления всех имеющихся на странице веб-шрифтов, которые не указаны в теге сценария.
