Як вставити Wingdings в CSS

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

Крок 1

Відкрийте файл CSS в Блокноті.

Відео дня

Крок 2

Створіть новий клас або ідентифікатор для об’єкта, який буде відформатовано в Wingdings. Використовуйте клас, якщо ви будете викликати цей параметр більше одного разу. Використовуйте ідентифікатор, якщо зателефонуєте лише один раз. Наприклад, щоб створити клас під назвою "crazy", введіть наступне:

.crazy {

Крок 3

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

.crazy { font-family: wingdings}

Крок 4

Знайдіть елемент, який ви хочете відтворити в Wingdings у вашому HTML-файлі. Вкажіть цей елемент як екземпляр класу або ідентифікатора, до якого застосовується Wingdings. Наприклад, якщо потрібний елемент є "div":

Текст у цьому "div" буде відформатовано у Wingdings.

Увага

Багато браузерів не підтримують Wingdings, і багато комп’ютерів не мають Wingdings у наборі шрифтів за замовчуванням. З цієї причини більшість браузерів не відображатимуть Wingdings належним чином. Щоб уникнути подібних ускладнень, найкраще кодувати кожен бажаний символ Wingdings за допомогою Unicode (див. Ресурси, щоб переглянути список відповідних символів Unicode).