Как изменить 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 для иконок, поэтому вам придется искать соответствующие обозначения в коде темы или обратиться к документации темы для получения подробной информации.
Вижу, что у вас это при помощи шрифта сделано. <br/> Можете используемый шрифт скачать и посмотреть, что там внутри. fa - это скорей всего font awesome. <br/> f263: <a href="https://fontawesome.com/v4/icon/odnoklassniki" rel="nofollow">https://fontawesome.com/v4/icon/odnoklassniki</a> <br/> f189: <a href="https://fontawesome.com/v4/icon/vk" rel="nofollow">https://fontawesome.com/v4/icon/vk</a> <br/> Тут и коды найдете. <br/> <br/> Вы можете также: <br/> - Найти другой шрифт, в утром есть все нужные вам иконки <br/> - Сделать такой шрифт самостоятельно. Это не так сложно. Вы просто находите SVG изображения социальных сетей, а потом на каком-то сервисе типа <a href="https://icomoon.io/" rel="nofollow">https://icomoon.io/</a> , <a href="https://fontello.com/" rel="nofollow">https://fontello.com/</a> (тут, похоже, уже есть нужные иконки) генерируете из этих иконок кастомный шрифт. И в CSS там где нужно показать иконку, указываете этот шрифт.
Похожие вопросы