Вопросы с меткой [fontawesome]

Font Awesome - иконочный векторный шрифт, изначально разработанный для использования с фреймворком Bootstrap.

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
27 показов

Как правильно подключить библиотеку Fontawesome через NPM?

Установлено npm update @fortawesome/fontawesome-free.В node__modules есть папка @fortawesome.Подключаю к style.scss так - @import "node_modules/@fortawesome/fontawesome-free/css/fontawesome.min....
And So What's user avatar
0 голосов
0 ответов
17 показов

Можно-ли анимировать прорисовку иконки fontAwesome внутри свойства content тега <i>?

Использую фреймворк quasar с подключенным font-awesome, захотелось сделать прорисовку иконок, но стандартные способы не подходят, т.к. там идёт стилизация тега svg, а в случае с font-awesome ...
Роман Стрельников's user avatar
0 голосов
1 ответ
239 показов

Почему не работает иконка font awesome?

Почему некоторые иконки не работают? (Это бесплатная иконка) body { min-height: 100vh; display: flex; justify-content: center; align-items: center; } div { height: 100px; width: 100px;...
Alexsander's user avatar
0 голосов
0 ответов
67 показов

отображение шрифтов font awesome

В один момент на сайте вместо иконок font awesome стали отображаться квадратики. В элементах консоли на вкладке Вычисления в разделе Отображаемые шрифты написано Times New Roman—Локальный файл(1 глиф)....
Paprika's user avatar
  • 432
0 голосов
1 ответ
53 показа

Иконки не отображаются font awesome

Хочу подключить иконки на сайт подключил кит font awesome, но иконки не отображаются. Подскажите что делать? <!DOCTYPE html> <html> <head> <title></title> <...
Никита Трохимчук's user avatar
0 голосов
1 ответ
32 показа

Как в fontawesome управлять иконкой через внешний блок?

Если у блока класс active то иконка <i class="fas fa-star"></i> иначе <i class="fal fa-star"></i> <link rel="stylesheet" href="https://pro....
Serge88's user avatar
  • 418
0 голосов
1 ответ
30 показов

Скрывать или удалять HTML элемент (fontawesome)?

Вопрос теоретический. Работаю с иконкой-спиннером fontawesome. Классика, показать во время запроса контента и скрыть при отображении контента. Большую часть времени его не видно. С точки зрения ...
Iurii's user avatar
  • 203
0 голосов
0 ответов
50 показов

Предварительная загрузка иконок font-awesome

Как сделать предварительную прогрузку иконок font awesome? Проблема в том что когда открывается модальное окно бутстрап, все иконки находящиеся в нём начинают проявляться на глазах у юзера, а хотелось ...
Юра's user avatar
  • 1
0 голосов
1 ответ
232 показа

Использование иконочного шрифта icomoon, font-awesome и размеры блоков

Использую иконочный шрифт (ICOMOON). Проблема заключается в том, что при размещении иконки в блоке div, он не подстраивается под размер самой иконки и занимает лишнее место. Как я понял c font-awesome ...
Mii's user avatar
  • 351
0 голосов
1 ответ
179 показов

Градиент SVG поверх иконки Instagram из FontAwesome 5

После обновления до FontAwesome 5 я не могу раскрашивать svgs FontAwesome. Вот мой пример: ⠀⠀⠀⠀⠀ https://codepen.io/shadrix/pen/GygdZr Было бы здорово, если бы это работало, как здесь: ⠀⠀⠀⠀⠀ https://...
Alexandr_TT's user avatar
0 голосов
1 ответ
35 показов

JS replace class on click

имею следующую структуру <td><a href="#" id="123" class="file_not_find"> <i class="fa fa-times" style="font-size:24px"></I>...
xcplat's user avatar
  • 525
0 голосов
1 ответ
711 показов

Как подключить font-awesome?

Установил font-awesome (4.7), пишу в компоненте: <style scoped> @import '@fontawesome/css/font-awesome.min.css'; </style> Или пробовал еще так: @import url('../node-modules/fontawesome/...
Developer's user avatar
  • 1,746
3 голоса
1 ответ
110 показов

FontAwesome 5 - многоцветная иконка

FontAwesome 5 предлагает тысячи иконок, созданных с помощью SVG. Таким образом, можно легко раскрасить весь значок с помощью заливки. Но что, если я хочу использовать несколько цветов? Например, ...
Alexandr_TT's user avatar
0 голосов
2 ответа
2k показов

Не работают некоторые значки Font Awesome

я использую Font Awesome Free 5.12.0, но в ней не отображаются некоторые значки, например вк, инстаграмма, ютуб
Женя Веремьёв's user avatar
0 голосов
2 ответа
376 показов

Вместо Иконок fonrawesome белые квадраты

Вместо Иконок fonrawesome белые квадраты. А на месте youtube даже квадрата нет. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <...
mel27's user avatar
  • 17
2 голоса
1 ответ
454 показа

Как добавить Font Awesome в кнопку через CSS

Мой код выглядит сейчас так: .close_task { display: inline-block; position: relative; left: 15px; outline: none; border: none; font-size: 19px; ...
arton's user avatar
  • 27
0 голосов
0 ответов
43 показа

Как называется эта иконка?

Не могу найти название данной иконка. Мне нужно как компонент в реакте
John's user avatar
  • 409
1 голос
1 ответ
57 показов

Как поменять шрифт кроме иконок?

На сайте используется несколько шрифтов, нужно установить один, к примеру Montserrat, кроме иконок (на сайте так же есть inline стили, которые имеют различные значения для font-family). Если добавить ...
word's user avatar
  • 2,780
1 голос
1 ответ
39 показов

Простой вопрос по верстке по fontawesome

У меня есть гамбургер он выводится, все ок. fontawesome работает. Пишу: .sect1h2::before{ color:#e3b000; content:"\1003"; } Выводится квадратик. При попытке вывест гамбургер (f0c9) - ...
Yevgeniy's user avatar
  • 176
0 голосов
1 ответ
189 показов

Почему иконка из FontAwesome не работает?

Помогите плиз. Первая иконка из FontAwesome работает, а вторая - никак нет. Почему? <head> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all....
E Sargsyan's user avatar
0 голосов
1 ответ
1k показов

Как подключить fontawesome в gulp?

Пробую подключить fontawesome в сборщик gulp, но у меня какая-то проблема с подключением шрифтов. Прошу подсказать, где я допускаю ошибку. Мой gulpfile, сюда я подключил задачу icons по аналогии с ...
Тимур Жумашев's user avatar
0 голосов
1 ответ
224 показа

Ссылки с Font Awesome не работают

Делаю лендинг. https://merrymaker14.github.io/portfolio Но иконки из Font Awesome не отрабатывают ссылками. <!-- Font Awesome --> <link href="https://maxcdn.bootstrapcdn.com/font-...
Timur  Musharapov's user avatar
0 голосов
1 ответ
113 показов

Jquery Menu Toggle Switch Hide Element fa fa-bars

Прошу помощи, не могу скрыть иконку закрывающего меню под гамбургером, чтобы она появлялась при нажатии на тогл свитч. Код на js отрабатывает правильно, а скрыть никак не получается. //Menu ...
Eugene's user avatar
  • 3
1 голос
1 ответ
184 показа

Позиционирование иконки-шрифта в псевдоэлементе after

Не получается отцентрировать по вертикали иконку fontawesome в псевдоэлементе :after Пробовал так же обычные картинки вместо иконок. Стрелочка должна быть по центру с текстом /* Container*/ ....
Лев's user avatar
  • 21
0 голосов
0 ответов
17 показов

fontawesome в Заголовке браузера

Поставил на сайт шрифт fontawesome поставил иконки в названиях категорий но возник вопрос: в браузерной строке он не отображается как надо - вместо него пустой квадрат - вопрос: есть ли способ ...
Nihroms's user avatar
  • 80
1 голос
2 ответа
125 показов

как выровнять span'ы после иконки awesome

У разных иконок - разная ширина. И из-за этого разбивается начало текста. Как выровнять? <li><span><i class="fas fa-home"></i><span class="ml-2">для ипотеки - от 4500руб....
barmaxon's user avatar
0 голосов
2 ответа
198 показов

Почему перестает работать font awesome?

Есть <i class="fa fa-bars"></i> Перестаёт работать когда помещаю в ссылку с классом <a href="#" class="m-menu-link"> <i class="fa fa-bars"></i> </a> Есть ...
ivan ponomarev's user avatar
1 голос
2 ответа
113 показов

Теряется скругление краёв элементов при переходе от bootstrap3 к 4

Для странички регистрации использую значки font-awesome. И цепляю их к полям ввода. После чего скругляю получившийся элемент у краёв. С версией бутстрапа 3.3.7 всё работает хорошо. Код: <div class=...
Андрей's user avatar
  • 1,413
2 голоса
1 ответ
189 показов

Как сгенерировать иконочный шрифт и стили CSS?

Имеется папка с SVG картинками. Каким образом можно получить набор CSS стилей, чтобы использовать их аналогичным образом как и иконки из широкораспространённого FontAwesome? Примерно так: <i class=...
mymedia's user avatar
  • 8,562
0 голосов
1 ответ
797 показов

Не отображаются корректно (квадраты) иконки font awesome (v5)

Не отображаются корректно иконки font awesome (v5). Отображаются вместо иконок квадраты. Для подключения шрифта использую данный код: <link rel="stylesheet" href="path/to/font-awesome/css/font-...
olishevskyalex's user avatar
1 голос
1 ответ
205 показов

Поиск картинок font awesome

Подскажите, можно ли как то автоматизировать процесс нахождения иконок? В макете много Font-awesome. И очень долго получается вводить в font-awesome, то на чо похожа картинка и искать нужную. Особенно ...
Ira G's user avatar
  • 126
0 голосов
0 ответов
298 показов

Как использовать псевдоэлементы в FontAwesome 5?

Помогите пожалуйста побороть псевдоэлементы в FA5 Сделал все по инструкции, но не работает! Сайт собирается через gulp Я использую FA5 Pro, JS версию: 'node_modules/@fortawesome/fontawesome-pro/js/...
WhoIsDT's user avatar
  • 685
0 голосов
1 ответ
52 показа

Добавилось много иконок (font awesome) псевдоклассом

Откуда взяли эти иконки??? У меня bootstrap отказывается корректно работать из за них... Распространились как блохи по странице.. Никогда такого не было.. Причем они распространены псевдоклассом ::...
Roman's user avatar
  • 219
0 голосов
1 ответ
404 показа

проблема с иконками fontawesome MacOs google Chrome

Всем добрый день! В кратце проблема такая, есть страница, на ней шрифтовые иконки fontawesome, сам шрифт подключается через CND <link rel="stylesheet" href="https://use.fontawesome.com/releases/...
Sergey Chugun's user avatar
0 голосов
0 ответов
140 показов

NPM Font Awesome 5

В npmjs есть пакеты: @fortawesome/fontawesome-free @fortawesome/fontawesome-svg-core @fortawesome/free-regular-svg-icons @fortawesome/free-solid-svg-icons @fortawesome/free-brands-svg-icons ...
Евгений Гуреев's user avatar
0 голосов
1 ответ
3k показов

Подключение Font Awesome в проекте на Vue.js

Мне нужно добавить в проект на Vue.js шрифтовые значки Font Awesome, часто используемые в связке с Bootstrap. Но у меня не получается это сделать. Предыстория: nvm install 8.11.3 x64 nvm use 8....
Евгений Гуреев's user avatar
2 голоса
2 ответа
197 показов

Font Awesome HTML

Всем привет, помогите, пожалуйста. Есть input[type='submit'] <form action=""> <div> <input type="search" placeholder="Поиск мероприятия"> <input type="submit" ...
Павел Румянцев's user avatar
0 голосов
2 ответа
214 показов

Не подключается Fontawesome в Wordpress

Есть такая структура папок: Прописал в файле function.php: В браузере видно, что fontawesome подключился: Однако в итоге иконки не отображаются: В файле font-awesome.min.css прописаны ...
Serhii's user avatar
  • 65
1 голос
1 ответ
212 показов

hover не работает с font-awesome icon

Мне нужно показать стрелку на hover внутри ссылки, но я не могу этого сделать. Как я могу это исправить? Кроме того, я попытался получить значок по классам .fas, .fa-arrow-right и попытался получить ...
Alexandr_TT's user avatar
0 голосов
3 ответа
331 показ

Выставить иконку font-awesome как на картинке

Не получается настроить параметры для иконки, чтобы было как на картинке. Какие ей параметры нужно задать? .footer-adress { float: left; font-size: 14px; padding-top: 22px; font-...
Matc's user avatar
  • 577
0 голосов
1 ответ
329 показов

Проблема с отображением иконок Font Awesome

Подключаю два файла стилей к документу: <link rel="stylesheet" href="css/main.min.css" /> <link rel="stylesheet" href="libs/svg/css/fontawesome-all.min.css" /> И у меня не работает ...
Андрей Добрин's user avatar
1 голос
3 ответа
5k показов

Не работает Font Awesome если указывать через :before

Столкнулся с проблемой - используя иконки в CSS с помощью псевдоэлементов - вместо самой иконки появляется просто квадрат. Если же указать в HTML через тег <i>, то всё работает. Я пробовал ...
nirolo1's user avatar
  • 247
1 голос
3 ответа
13k показов

Вместо иконок Font-Awesome отображаются квадраты с цифрами

Здравствуйте! Столкнулся с такой проблемой: на сайт подключил иконки Font-Awesome, но вместо самих иконок отображаются квадраты вот такого рода: Файл css подключен и в нем все шрифты подключены ...
krown_loki's user avatar
0 голосов
1 ответ
105 показов

не работает hover с svg

Есть вот такая верстка и такие стили. При ховере нужно, чтобы стрелка появлялась внутри ссылки, но она не появляется. Как это исправить? .header-text-links a { display: block; width: 278px; ...
Yaroslav Saenko's user avatar
0 голосов
2 ответа
9k показов

Не отображаются иконки Font Awesome 5

Установил себе на сайт новую версию иконочного шрифта FontAwesome. Хотел использовать вариант "Веб-шрифты и CSS". Делаю всё по инструкции: добавляю стили в папке css и шрифты в папке webfonts, но ...
Byulent's user avatar
  • 1,767
1 голос
1 ответ
142 показа

Fontawesome как кастомизировать библиотеку?

Добрый день уважаемые. При вёрстке сайта использовались иконочные шрифты из библиотеки Fontawesome, но теперь есть необходимость минимизации размеров подгружаемых на сайт файлов. (110kB CSS + Fonts) ...
BlackStar1991's user avatar
1 голос
1 ответ
508 показов

Подключение иконочных шрифтов в HTML письмо

Подскажите как подключить иконки font awesome в html письмо. Единственный способ их подключения это скрипт, но как я понял html письмо скрипты не читает по какой то причине. Как быть в данной ситуации?...
Андрей Охотников's user avatar
0 голосов
2 ответа
116 показов

SEO влияние иконок на правильность работы сайта?

Как лучше отображать иконки с точки зрения оптимизации и SEO? Я видел и отображение каждой иконки в отдельном div и вставку их в button и в тег (как у fontawesome) и добавление их через псевдоклассы :...
BlackStar1991's user avatar
0 голосов
2 ответа
65 показов

Добавление элемента в select

Добрый вечер! Как добавить вот такую стрелочку в select? Предпочтение - FontAwesome. Через Background не выйдет, т.к фон самого Select'а задан через него, через after вообще ничего не появляется... ...
user234223's user avatar
0 голосов
2 ответа
302 показа

Радиокнопка в виде звёздочки

Здравствуйте. У меня есть задача - стандартные кружки радиокнопки заменить на звёздочки(к примеру font-awesome) и при этом чтобы остался тот же функционал. Подскажите пожалуйста как это можно ...
nirolo1's user avatar
  • 247