Вопросы с меткой [fontawesome]
Font Awesome - иконочный векторный шрифт, изначально разработанный для использования с фреймворком Bootstrap.
57
вопросов
0
голосов
0
ответов
27
показов
Как правильно подключить библиотеку Fontawesome через NPM?
Установлено npm update @fortawesome/fontawesome-free.В node__modules есть папка @fortawesome.Подключаю к style.scss так -
@import "node_modules/@fortawesome/fontawesome-free/css/fontawesome.min....
0
голосов
0
ответов
17
показов
Можно-ли анимировать прорисовку иконки fontAwesome внутри свойства content тега <i>?
Использую фреймворк quasar с подключенным font-awesome, захотелось сделать прорисовку иконок, но стандартные способы не подходят, т.к. там идёт стилизация тега svg, а в случае с font-awesome ...
0
голосов
1
ответ
239
показов
Почему не работает иконка font awesome?
Почему некоторые иконки не работают? (Это бесплатная иконка)
body {
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
div {
height: 100px;
width: 100px;...
0
голосов
0
ответов
67
показов
отображение шрифтов font awesome
В один момент на сайте вместо иконок font awesome стали отображаться квадратики. В элементах консоли на вкладке Вычисления в разделе Отображаемые шрифты написано Times New Roman—Локальный файл(1 глиф)....
0
голосов
1
ответ
53
показа
Иконки не отображаются font awesome
Хочу подключить иконки на сайт подключил кит font awesome, но иконки не отображаются. Подскажите что делать?
<!DOCTYPE html>
<html>
<head>
<title></title>
<...
0
голосов
1
ответ
32
показа
Как в fontawesome управлять иконкой через внешний блок?
Если у блока класс active то иконка <i class="fas fa-star"></i> иначе <i class="fal fa-star"></i>
<link rel="stylesheet" href="https://pro....
0
голосов
1
ответ
30
показов
Скрывать или удалять HTML элемент (fontawesome)?
Вопрос теоретический.
Работаю с иконкой-спиннером fontawesome. Классика, показать во время запроса контента и скрыть при отображении контента. Большую часть времени его не видно.
С точки зрения ...
0
голосов
0
ответов
50
показов
Предварительная загрузка иконок font-awesome
Как сделать предварительную прогрузку иконок font awesome?
Проблема в том что когда открывается модальное окно бутстрап, все иконки находящиеся в нём начинают проявляться на глазах у юзера, а хотелось ...
0
голосов
1
ответ
232
показа
Использование иконочного шрифта icomoon, font-awesome и размеры блоков
Использую иконочный шрифт (ICOMOON). Проблема заключается в том, что при размещении иконки в блоке div, он не подстраивается под размер самой иконки и занимает лишнее место. Как я понял c font-awesome ...
0
голосов
1
ответ
179
показов
Градиент SVG поверх иконки Instagram из FontAwesome 5
После обновления до FontAwesome 5 я не могу раскрашивать svgs FontAwesome.
Вот мой пример: ⠀⠀⠀⠀⠀ https://codepen.io/shadrix/pen/GygdZr
Было бы здорово, если бы это работало, как здесь: ⠀⠀⠀⠀⠀ https://...
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>...
0
голосов
1
ответ
711
показов
Как подключить font-awesome?
Установил font-awesome (4.7), пишу в компоненте:
<style scoped>
@import '@fontawesome/css/font-awesome.min.css';
</style>
Или пробовал еще так: @import url('../node-modules/fontawesome/...
3
голоса
1
ответ
110
показов
FontAwesome 5 - многоцветная иконка
FontAwesome 5 предлагает тысячи иконок, созданных с помощью SVG. Таким образом, можно легко раскрасить весь значок с помощью заливки. Но что, если я хочу использовать несколько цветов? Например, ...
0
голосов
2
ответа
2k
показов
Не работают некоторые значки Font Awesome
я использую Font Awesome Free 5.12.0, но в ней не отображаются некоторые значки, например вк, инстаграмма, ютуб
0
голосов
2
ответа
376
показов
Вместо Иконок fonrawesome белые квадраты
Вместо Иконок fonrawesome белые квадраты. А на месте youtube даже квадрата нет.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<...
2
голоса
1
ответ
454
показа
Как добавить Font Awesome в кнопку через CSS
Мой код выглядит сейчас так:
.close_task {
display: inline-block;
position: relative;
left: 15px;
outline: none;
border: none;
font-size: 19px;
...
0
голосов
0
ответов
43
показа
Как называется эта иконка?
Не могу найти название данной иконка. Мне нужно как компонент в реакте
1
голос
1
ответ
57
показов
Как поменять шрифт кроме иконок?
На сайте используется несколько шрифтов, нужно установить один, к примеру Montserrat, кроме иконок (на сайте так же есть inline стили, которые имеют различные значения для font-family).
Если добавить ...
1
голос
1
ответ
39
показов
Простой вопрос по верстке по fontawesome
У меня есть гамбургер он выводится, все ок. fontawesome работает. Пишу:
.sect1h2::before{
color:#e3b000;
content:"\1003";
}
Выводится квадратик.
При попытке вывест гамбургер (f0c9) - ...
0
голосов
1
ответ
189
показов
Почему иконка из FontAwesome не работает?
Помогите плиз. Первая иконка из FontAwesome работает, а вторая - никак нет. Почему?
<head>
<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.7.2/css/all....
0
голосов
1
ответ
1k
показов
Как подключить fontawesome в gulp?
Пробую подключить fontawesome в сборщик gulp, но у меня какая-то проблема с подключением шрифтов. Прошу подсказать, где я допускаю ошибку.
Мой gulpfile, сюда я подключил задачу icons по аналогии с ...
0
голосов
1
ответ
224
показа
Ссылки с Font Awesome не работают
Делаю лендинг.
https://merrymaker14.github.io/portfolio
Но иконки из Font Awesome не отрабатывают ссылками.
<!-- Font Awesome -->
<link href="https://maxcdn.bootstrapcdn.com/font-...
0
голосов
1
ответ
113
показов
Jquery Menu Toggle Switch Hide Element fa fa-bars
Прошу помощи, не могу скрыть иконку закрывающего меню под гамбургером, чтобы она появлялась при нажатии на тогл свитч. Код на js отрабатывает правильно, а скрыть никак не получается.
//Menu ...
1
голос
1
ответ
184
показа
Позиционирование иконки-шрифта в псевдоэлементе after
Не получается отцентрировать по вертикали иконку fontawesome в псевдоэлементе :after
Пробовал так же обычные картинки вместо иконок.
Стрелочка должна быть по центру с текстом
/* Container*/
....
0
голосов
0
ответов
17
показов
fontawesome в Заголовке браузера
Поставил на сайт шрифт fontawesome поставил иконки в названиях категорий но возник вопрос: в браузерной строке он не отображается как надо - вместо него пустой квадрат - вопрос: есть ли способ ...
1
голос
2
ответа
125
показов
как выровнять span'ы после иконки awesome
У разных иконок - разная ширина. И из-за этого разбивается начало текста. Как выровнять?
<li><span><i class="fas fa-home"></i><span class="ml-2">для ипотеки - от 4500руб....
0
голосов
2
ответа
198
показов
Почему перестает работать font awesome?
Есть
<i class="fa fa-bars"></i>
Перестаёт работать когда помещаю в ссылку с классом
<a href="#" class="m-menu-link">
<i class="fa fa-bars"></i>
</a>
Есть ...
1
голос
2
ответа
113
показов
Теряется скругление краёв элементов при переходе от bootstrap3 к 4
Для странички регистрации использую значки font-awesome. И цепляю их к полям ввода. После чего скругляю получившийся элемент у краёв. С версией бутстрапа 3.3.7 всё работает хорошо.
Код:
<div class=...
2
голоса
1
ответ
189
показов
Как сгенерировать иконочный шрифт и стили CSS?
Имеется папка с SVG картинками. Каким образом можно получить набор CSS стилей, чтобы использовать их аналогичным образом как и иконки из широкораспространённого FontAwesome? Примерно так:
<i class=...
0
голосов
1
ответ
797
показов
Не отображаются корректно (квадраты) иконки font awesome (v5)
Не отображаются корректно иконки font awesome (v5). Отображаются вместо иконок квадраты. Для подключения шрифта использую данный код:
<link rel="stylesheet" href="path/to/font-awesome/css/font-...
1
голос
1
ответ
205
показов
Поиск картинок font awesome
Подскажите, можно ли как то автоматизировать процесс нахождения иконок?
В макете много Font-awesome. И очень долго получается вводить в font-awesome, то на чо похожа картинка и искать нужную. Особенно ...
0
голосов
0
ответов
298
показов
Как использовать псевдоэлементы в FontAwesome 5?
Помогите пожалуйста побороть псевдоэлементы в FA5
Сделал все по инструкции, но не работает!
Сайт собирается через gulp
Я использую FA5 Pro, JS версию:
'node_modules/@fortawesome/fontawesome-pro/js/...
0
голосов
1
ответ
52
показа
Добавилось много иконок (font awesome) псевдоклассом
Откуда взяли эти иконки??? У меня bootstrap отказывается корректно работать из за них... Распространились как блохи по странице.. Никогда такого не было.. Причем они распространены псевдоклассом ::...
0
голосов
1
ответ
404
показа
проблема с иконками fontawesome MacOs google Chrome
Всем добрый день! В кратце проблема такая, есть страница, на ней шрифтовые иконки fontawesome, сам шрифт подключается через CND
<link rel="stylesheet" href="https://use.fontawesome.com/releases/...
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
...
0
голосов
1
ответ
3k
показов
Подключение Font Awesome в проекте на Vue.js
Мне нужно добавить в проект на Vue.js шрифтовые значки Font Awesome, часто используемые в связке с Bootstrap.
Но у меня не получается это сделать.
Предыстория:
nvm install 8.11.3 x64
nvm use 8....
2
голоса
2
ответа
197
показов
Font Awesome HTML
Всем привет, помогите, пожалуйста.
Есть input[type='submit']
<form action="">
<div>
<input type="search" placeholder="Поиск мероприятия">
<input type="submit" ...
0
голосов
2
ответа
214
показов
Не подключается Fontawesome в Wordpress
Есть такая структура папок:
Прописал в файле function.php:
В браузере видно, что fontawesome подключился:
Однако в итоге иконки не отображаются:
В файле font-awesome.min.css прописаны ...
1
голос
1
ответ
212
показов
hover не работает с font-awesome icon
Мне нужно показать стрелку на hover внутри ссылки, но я не могу этого сделать.
Как я могу это исправить?
Кроме того, я попытался получить значок по классам .fas, .fa-arrow-right и попытался получить ...
0
голосов
3
ответа
331
показ
Выставить иконку font-awesome как на картинке
Не получается настроить параметры для иконки, чтобы было как на картинке. Какие ей параметры нужно задать?
.footer-adress {
float: left;
font-size: 14px;
padding-top: 22px;
font-...
0
голосов
1
ответ
329
показов
Проблема с отображением иконок Font Awesome
Подключаю два файла стилей к документу:
<link rel="stylesheet" href="css/main.min.css" />
<link rel="stylesheet" href="libs/svg/css/fontawesome-all.min.css" />
И у меня не работает ...
1
голос
3
ответа
5k
показов
Не работает Font Awesome если указывать через :before
Столкнулся с проблемой - используя иконки в CSS с помощью псевдоэлементов - вместо самой иконки появляется просто квадрат. Если же указать в HTML через тег <i>, то всё работает.
Я пробовал ...
1
голос
3
ответа
13k
показов
Вместо иконок Font-Awesome отображаются квадраты с цифрами
Здравствуйте!
Столкнулся с такой проблемой: на сайт подключил иконки Font-Awesome, но вместо самих иконок отображаются квадраты вот такого рода:
Файл css подключен и в нем все шрифты подключены ...
0
голосов
1
ответ
105
показов
не работает hover с svg
Есть вот такая верстка и такие стили. При ховере нужно, чтобы стрелка появлялась внутри ссылки, но она не появляется. Как это исправить?
.header-text-links a {
display: block;
width: 278px;
...
0
голосов
2
ответа
9k
показов
Не отображаются иконки Font Awesome 5
Установил себе на сайт новую версию иконочного шрифта FontAwesome. Хотел использовать вариант "Веб-шрифты и CSS". Делаю всё по инструкции: добавляю стили в папке css и шрифты в папке webfonts, но ...
1
голос
1
ответ
142
показа
Fontawesome как кастомизировать библиотеку?
Добрый день уважаемые. При вёрстке сайта использовались иконочные шрифты из библиотеки Fontawesome, но теперь есть необходимость минимизации размеров подгружаемых на сайт файлов. (110kB CSS + Fonts) ...
1
голос
1
ответ
508
показов
Подключение иконочных шрифтов в HTML письмо
Подскажите как подключить иконки font awesome в html письмо. Единственный способ их подключения это скрипт, но как я понял html письмо скрипты не читает по какой то причине. Как быть в данной ситуации?...
0
голосов
2
ответа
116
показов
SEO влияние иконок на правильность работы сайта?
Как лучше отображать иконки с точки зрения оптимизации и SEO? Я видел и отображение каждой иконки в отдельном div и вставку их в button и в тег (как у fontawesome) и добавление их через псевдоклассы :...
0
голосов
2
ответа
65
показов
Добавление элемента в select
Добрый вечер!
Как добавить вот такую стрелочку в select?
Предпочтение - FontAwesome. Через Background не выйдет, т.к фон самого Select'а задан через него, через after вообще ничего не появляется...
...
0
голосов
2
ответа
302
показа
Радиокнопка в виде звёздочки
Здравствуйте. У меня есть задача - стандартные кружки радиокнопки заменить на звёздочки(к примеру font-awesome) и при этом чтобы остался тот же функционал.
Подскажите пожалуйста как это можно ...