Как вставить Wingdings в CSS

Каскадные таблицы стилей (CSS) — удобный способ форматирования веб-страниц. Вы можете стилизовать все аспекты дизайна веб-сайта во внешней таблице стилей, и изменения, которые вы вносите в эту таблицу стилей, могут повлиять на несколько веб-страниц. Шрифты можно легко перенастроить с помощью CSS. Существует список шрифтов, стандартизированных для использования в Интернете. Wingdings нет среди этих шрифтов, и это шрифт, который не доступен по умолчанию на всех компьютерах. К счастью, вы по-прежнему можете использовать CSS для настройки веб-страницы для использования Wingdings.

Шаг 1

Откройте файл CSS в Блокноте.

Шаг 2

Создайте новый класс или идентификатор для объекта, который будет отформатирован в Wingdings. Используйте класс, если вы будете вызывать этот параметр более одного раза. Используйте идентификатор, если вы будете вызывать его только один раз. Например, чтобы создать класс под названием «сумасшедший», введите следующее:

.сумасшедший {

Шаг 3

Укажите Wingdings в свойстве font-family вашего класса или идентификатора. Например, для класса "сумасшедший":

.crazy {семейство шрифтов:wingdings}

Шаг 4

Найдите элемент, который вы хотите отобразить в Wingdings, в своем HTML-файле. Укажите этот элемент как экземпляр класса или идентификатора, к которому применяется Wingdings. Например, если нужный элемент - "div":

Текст внутри этого "div" будет отформатирован в Wingdings.

Предупреждение

Многие браузеры не поддерживают Wingdings, и многие компьютеры не имеют Wingdings в своем наборе шрифтов по умолчанию. По этой причине большинство браузеров не будут правильно отображать Wingdings. Чтобы избежать подобных сложностей, лучше всего кодировать каждый нужный символ Wingdings с помощью Unicode (список соответствующих символов Unicode см. в разделе Ресурсы).