Как изменить CSS код, чтобы нарисовать иконки OK и VK с использованием символов Unicode «\f14b»?

Как найти цифровые обозначения для иконок ВК и ОК в теме WP, если есть классы fa-vk и fa-ok в коде и используются другие обозначения для иконок share?
  • 6 апреля 2024 г. 10:29
Ответы на вопрос 2
Для изменения CSS кода и создания иконок с использованием Unicode символов «\f14b», вы можете использовать следующий код:

.fa-ok::before {
  content: "\f14b"; /* символ для иконки ОК */
}

.fa-vk::before {
  content: "\f14b"; /* символ для иконки ВК */
}

Чтобы найти цифровые обозначения для иконок VK и ОK в теме WP, которые используют классы fa-vk и fa-ok, вам нужно открыть код темы и найти иконки share, чтобы увидеть, какие Unicode символы используются для отображения этих иконок. Возможно, разработчик темы использует свои собственные названия классов и символы Unicode для иконок, поэтому вам придется искать соответствующие обозначения в коде темы или обратиться к документации темы для получения подробной информации.
Вижу, что у вас это при помощи шрифта сделано. 
Можете используемый шрифт скачать и посмотреть, что там внутри. fa - это скорей всего font awesome.
f263: https://fontawesome.com/v4/icon/odnoklassniki
f189: https://fontawesome.com/v4/icon/vk
Тут и коды найдете.

Вы можете также:
- Найти другой шрифт, в утром есть все нужные вам иконки
- Сделать такой шрифт самостоятельно. Это не так сложно. Вы просто находите SVG изображения социальных сетей, а потом на каком-то сервисе типа https://icomoon.io/ , https://fontello.com/ (тут, похоже, уже есть нужные иконки) генерируете из этих иконок кастомный шрифт. И в CSS там где нужно показать иконку, указываете этот шрифт.
Похожие вопросы