Вопросы с меткой [fontawesome]
Font Awesome - иконочный векторный шрифт, изначально разработанный для использования с фреймворком Bootstrap.
49
вопросов
3
голоса
1ответ
34 показа
FontAwesome 5 - многоцветная иконка
FontAwesome 5 предлагает тысячи иконок, созданных с помощью SVG. Таким образом, можно легко раскрасить весь значок с помощью заливки. Но что, если я хочу использовать несколько цветов? Например, ...
0
голосов
0ответов
12 показов
Баг с отображением стрелок от иконок Font Awesome
На айфоне стрелки отображаются не кругом а овалом, хотя когда смотришь в браузере на компьютере в панели разработчика, в имитации мобильных устройств, такого бага не происходит.
Кто сталкивался, ...
0
голосов
2ответа
82 показа
Не работают некоторые значки Font Awesome
я использую Font Awesome Free 5.12.0, но в ней не отображаются некоторые значки, например вк, инстаграмма, ютуб
0
голосов
2ответа
40 показов
Вместо Иконок fonrawesome белые квадраты
Вместо Иконок fonrawesome белые квадраты. А на месте youtube даже квадрата нет.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<...
0
голосов
0ответов
29 показов
Не отображается Fonts Awesome в canvas
Моя задача - нарисовать с помощью Canvas многоугольник и поместить в него одну из иконок Fonts Awesome. Но вместо иконки отображается квадрат с черными границами. Лишь спустя несколько перезагрузок ...
2
голоса
1ответ
125 показов
Как добавить Font Awesome в кнопку через CSS
Мой код выглядит сейчас так:
.close_task {
display: inline-block;
position: relative;
left: 15px;
outline: none;
border: none;
font-size: 19px;
...
0
голосов
0ответов
11 показов
Font AweSome 5 в android studio
Как подключить и использовать шрифт Font AweSome 5 в android studio?
0
голосов
0ответов
35 показов
0
голосов
0ответов
20 показов
Проблема с иконками Font Awesome
Всем привет! Подключил к сайту е-доход.рф дополнительный домен edohod.ru в качестве псевдонима. Настроил редиректы через htaccess и добавил правила в Cloudflare, которым пользуюсь. Однако, после этого ...
1
голос
1ответ
42 показа
Как поменять шрифт кроме иконок?
На сайте используется несколько шрифтов, нужно установить один, к примеру Montserrat, кроме иконок (на сайте так же есть inline стили, которые имеют различные значения для font-family).
Если добавить ...
1
голос
1ответ
27 показов
Простой вопрос по верстке по fontawesome
У меня есть гамбургер он выводится, все ок. fontawesome работает. Пишу:
.sect1h2::before{
color:#e3b000;
content:"\1003";
}
Выводится квадратик.
При попытке вывест гамбургер (f0c9) - ...
0
голосов
1ответ
39 показов
Про верстку иконок Fontawesome
Помогите плиз. Первая иконка из FontAwesome работает, а вторая - никак нет. Почему?
<head>
<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.7.2/css/all....
0
голосов
1ответ
580 показов
Как подключить fontawesome в gulp?
Пробую подключить fontawesome в сборщик gulp, но у меня какая-то проблема с подключением шрифтов. Прошу подсказать, где я допускаю ошибку.
Мой gulpfile, сюда я подключил задачу icons по аналогии с ...
0
голосов
1ответ
50 показов
Ссылки с Font Awesome не работают
Делаю лендинг.
https://merrymaker14.github.io/portfolio
Но иконки из Font Awesome не отрабатывают ссылками.
<!-- Font Awesome -->
<link href="https://maxcdn.bootstrapcdn.com/font-...
0
голосов
1ответ
81 показ
Jquery Menu Toggle Switch Hide Element fa fa-bars
Прошу помощи, не могу скрыть иконку закрывающего меню под гамбургером, чтобы она появлялась при нажатии на тогл свитч. Код на js отрабатывает правильно, а скрыть никак не получается.
//Menu ...
1
голос
1ответ
47 показов
Позиционирование иконки-шрифта в псевдоэлементе after
Не получается отцентрировать по вертикали иконку fontawesome в псевдоэлементе :after
Пробовал так же обычные картинки вместо иконок.
Стрелочка должна быть по центру с текстом
/* Container*/
....
0
голосов
0ответов
12 показов
fontawesome в Заголовке браузера
Поставил на сайт шрифт fontawesome поставил иконки в названиях категорий но возник вопрос: в браузерной строке он не отображается как надо - вместо него пустой квадрат - вопрос: есть ли способ ...
1
голос
2ответа
51 показ
как выровнять span'ы после иконки awesome
У разных иконок - разная ширина. И из-за этого разбивается начало текста. Как выровнять?
<li><span><i class="fas fa-home"></i><span class="ml-2">для ипотеки - от 4500руб....
0
голосов
2ответа
79 показов
Почему перестает работать font awesome?
Есть
<i class="fa fa-bars"></i>
Перестаёт работать когда помещаю в ссылку с классом
<a href="#" class="m-menu-link">
<i class="fa fa-bars"></i>
</a>
Есть ...
1
голос
2ответа
56 показов
Теряется скругление краёв элементов при переходе от bootstrap3 к 4
Для странички регистрации использую значки font-awesome. И цепляю их к полям ввода. После чего скругляю получившийся элемент у краёв. С версией бутстрапа 3.3.7 всё работает хорошо.
Код:
<div class=...
2
голоса
1ответ
72 показа
Как сгенерировать иконочный шрифт и стили CSS?
Имеется папка с SVG картинками. Каким образом можно получить набор CSS стилей, чтобы использовать их аналогичным образом как и иконки из широкораспространённого FontAwesome? Примерно так:
<i class=...
0
голосов
1ответ
404 показа
Не отображаются корректно (квадраты) иконки font awesome (v5)
Не отображаются корректно иконки font awesome (v5). Отображаются вместо иконок квадраты. Для подключения шрифта использую данный код:
<link rel="stylesheet" href="path/to/font-awesome/css/font-...
1
голос
1ответ
125 показов
Поиск картинок font awesome
Подскажите, можно ли как то автоматизировать процесс нахождения иконок?
В макете много Font-awesome. И очень долго получается вводить в font-awesome, то на чо похожа картинка и искать нужную. Особенно ...
0
голосов
0ответов
128 показов
Как использовать псевдоэлементы в FontAwesome 5?
Помогите пожалуйста побороть псевдоэлементы в FA5
Сделал все по инструкции, но не работает!
Сайт собирается через gulp
Я использую FA5 Pro, JS версию:
'node_modules/@fortawesome/fontawesome-pro/js/...
0
голосов
1ответ
38 показов
Добавилось много иконок (font awesome) псевдоклассом
Откуда взяли эти иконки??? У меня bootstrap отказывается корректно работать из за них... Распространились как блохи по странице.. Никогда такого не было.. Причем они распространены псевдоклассом ::...
0
голосов
1ответ
184 показа
проблема с иконками fontawesome MacOs google Chrome
Всем добрый день! В кратце проблема такая, есть страница, на ней шрифтовые иконки fontawesome, сам шрифт подключается через CND
<link rel="stylesheet" href="https://use.fontawesome.com/releases/...
0
голосов
0ответов
124 показа
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ответ
2k показов
Подключение Font Awesome в проекте на Vue.js
Мне нужно добавить в проект на Vue.js шрифтовые значки Font Awesome, часто используемые в связке с Bootstrap.
Но у меня не получается это сделать.
Предыстория:
nvm install 8.11.3 x64
nvm use 8....
2
голоса
2ответа
96 показов
Font Awesome HTML
Всем привет, помогите, пожалуйста.
Есть input[type='submit']
<form action="">
<div>
<input type="search" placeholder="Поиск мероприятия">
<input type="submit" ...
0
голосов
2ответа
58 показов
Не подключается Fontawesome в Wordpress
Есть такая структура папок:
Прописал в файле function.php:
В браузере видно, что fontawesome подключился:
Однако в итоге иконки не отображаются:
В файле font-awesome.min.css прописаны ...
1
голос
1ответ
117 показов
hover не работает с font-awesome icon
Мне нужно показать стрелку на hover внутри ссылки, но я не могу этого сделать.
Как я могу это исправить?
Кроме того, я попытался получить значок по классам .fas, .fa-arrow-right и попытался получить ...
0
голосов
3ответа
246 показов
Выставить иконку font-awesome как на картинке
Не получается настроить параметры для иконки, чтобы было как на картинке. Какие ей параметры нужно задать?
.footer-adress {
float: left;
font-size: 14px;
padding-top: 22px;
font-...
0
голосов
1ответ
224 показа
Проблема с отображением иконок Font Awesome
Подключаю два файла стилей к документу:
<link rel="stylesheet" href="css/main.min.css" />
<link rel="stylesheet" href="libs/svg/css/fontawesome-all.min.css" />
И у меня не работает ...
1
голос
3ответа
4k показов
Не работает Font Awesome если указывать через :before
Столкнулся с проблемой - используя иконки в CSS с помощью псевдоэлементов - вместо самой иконки появляется просто квадрат. Если же указать в HTML через тег <i>, то всё работает.
Я пробовал ...
1
голос
2ответа
7k показов
Вместо иконок Font-Awesome отображаются квадраты с цифрами
Здравствуйте!
Столкнулся с такой проблемой: на сайт подключил иконки Font-Awesome, но вместо самих иконок отображаются квадраты вот такого рода:
Файл css подключен и в нем все шрифты подключены ...
0
голосов
1ответ
70 показов
не работает hover с svg
Есть вот такая верстка и такие стили. При ховере нужно, чтобы стрелка появлялась внутри ссылки, но она не появляется. Как это исправить?
.header-text-links a {
display: block;
width: 278px;
...
0
голосов
2ответа
5k показов
Не отображаются иконки Font Awesome 5
Установил себе на сайт новую версию иконочного шрифта FontAwesome. Хотел использовать вариант "Веб-шрифты и CSS". Делаю всё по инструкции: добавляю стили в папке css и шрифты в папке webfonts, но ...
1
голос
1ответ
111 показов
Fontawesome как кастомизировать библиотеку?
Добрый день уважаемые. При вёрстке сайта использовались иконочные шрифты из библиотеки Fontawesome, но теперь есть необходимость минимизации размеров подгружаемых на сайт файлов. (110kB CSS + Fonts) ...
1
голос
1ответ
376 показов
Подключение иконочных шрифтов в HTML письмо
Подскажите как подключить иконки font awesome в html письмо. Единственный способ их подключения это скрипт, но как я понял html письмо скрипты не читает по какой то причине. Как быть в данной ситуации?...
0
голосов
2ответа
80 показов
SEO влияние иконок на правильность работы сайта?
Добрый день уважаемые. Такой вопрос, как лучше отображать иконки с точки зрения оптимизации и SEO? Я видел и отображение каждой иконки в отдельном div и вставку их в button и в тег (как у fontawesome)...
0
голосов
2ответа
54 показа
Добавление элемента в select
Добрый вечер!
Как добавить вот такую стрелочку в select?
Предпочтение - FontAwesome. Через Background не выйдет, т.к фон самого Select'а задан через него, через after вообще ничего не появляется...
...
0
голосов
2ответа
119 показов
Радиокнопка в виде звёздочки
Здравствуйте. У меня есть задача - стандартные кружки радиокнопки заменить на звёздочки(к примеру font-awesome) и при этом чтобы остался тот же функционал.
Подскажите пожалуйста как это можно ...
0
голосов
0ответов
25 показов
Не могу создать 2 класса header-composition и header-social
При создании 2 классов, например, header-composition и hedaer-social первый работает, а второй уже нет, его просто браузер не видит через консоль F12.
Если ставлю к примеру hedaer_social, то работает, ...
0
голосов
2ответа
56 показов
'Font Awesome' в медиа запросах
Как уменьшить шрифтовые иконки 'Font Awesome' в медиа запросах, возможно ли это вообще?
-1
голос
1ответ
255 показов
Fontawesome в псевдоклассе
Как можно засунуть иконку с Fontawesome в псевдокласс.
Пример кода:
<form>
<input type='text' name='name' value='' placeholder='Имя'>
<input type='text' name='tel' value='' ...
0
голосов
3ответа
87 показов
Как реализовать такие уголки для glyphicon / font awesome icons?
<div class="wrap-icon">
<div class="wrap-inner">
<i class="fa fa-plane fa-3x"></i>
</div>
</div>
1
голос
3ответа
2k показов
Проблема с подключением Font Awesome
Cкачал весь архив, файл css конвертировал в sass, положил в папку libs, прописал в файл font.sass в таком виде:
+font-face("fontAwesome", "../fonts/fontAwesome/fontawesome-webfont", $file-formats: ...
0
голосов
1ответ
88 показов
Неправильное отображение bootstrap + fontawesome
Не корректно отображается страница после того, как добавляю иконки font awesome
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-...
0
голосов
1ответ
290 показов
Font Awesome, вопрос по вставке иконок
В общем в использовании Font Awesome пошел немного иным путем:
Взял fontawesome-webfont.ttf и подключил его в css
@font-face {
font-family: fontawesome;
src: local(fontawesome), url(/fonts/...