Вопросы с тегом «font-awesome»

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

305
Используйте Font Awesome Icons в CSS

У меня есть немного CSS, который выглядит так: #content h2 { background: url(../images/tContent.jpg) no-repeat 0 6px; } Я хотел бы заменить изображение на иконку из Font Awesome . Я не вижу в любом случае использовать значок в CSS в качестве фонового изображения. Возможно ли это сделать,...

264
Могу ли я изменить цвет значка Font Awesome?

Я должен обернуть мою иконку в <a>тег по какой-то причине. Есть ли какой-нибудь возможный способ поменять цвет значка со шрифтом на черный? или это невозможно, пока оно заключено в <a>тег? Предполагается, что шрифт потрясающий - это шрифт, а не изображение, верно? <a...

231
Как отцентрировать текст по вертикали с помощью значка с большим шрифтом?

Допустим, у меня есть кнопка начальной загрузки со значком шрифта и текстом: <div> <i class='icon icon-2x icon-camera'></i> hello world </div> Как сделать так, чтобы текст отображался по центру? Текст теперь выровнен по нижнему краю иконки: http://jsfiddle.net/V7DLm/1/...

224
Шрифт Awesome не работает, значки отображаются в виде квадратов

Поэтому я пытаюсь создать прототип маркетинговой страницы и использую Bootstrap и новый файл Font Awesome. Проблема в том, что когда я пытаюсь использовать значок, все, что отображается на странице, это большой квадрат. Вот как я включаю файлы в голову: <head> <title>Page...

205
Потрясающе, тип ввода «отправить»

Кажется, что нет никакого класса для типа ввода 'submit' в font-awesome. Можно ли использовать какой-нибудь класс из font-awesome для ввода с кнопки? Я добавил значки ко всем кнопкам (которые на самом деле связаны с классом «btn» из twitter-bootstrap) в моих приложениях, но не могу добавить значки...

191
Как добавить значок кнопки в кнопку, когда она находится в состоянии загрузки?

Кнопки Twitter Bootstrap имеют хорошее Loading...состояние. Дело в том, что он просто показывает сообщение, которое Loading...прошло через data-loading-textатрибут: <button type="button" class="btn btn-primary start" id="btnStartUploads" data-loading-text="@Localization.Uploading"> <i...

156
Пользовательский стиль списка li со значком шрифта

Я задаюсь вопросом, можно ли использовать классы font-awesome (или любой другой иконический шрифт) для создания настраиваемого <li>типа стиля списка? В настоящее время я использую jQuery для этого, то есть: $("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>"); Тем не...

153
Как использовать значки и символы из «Font Awesome» в приложении Native Android

Я пытаюсь использовать Font Awesome в своем приложении, я смог интегрировать шрифт с помощью Typeface.createFromAsset(), но я также хочу использовать значки, предоставленные этим шрифтом, но до сих пор я не смог этого сделать. Этот конкретный шрифт содержит значки внутри области частного...

138
Добавить пользовательские иконки для шрифта Awesome

Я люблю шрифт Font Awesome icon icon и хочу использовать его для большинства значков на моем сайте, но есть несколько пользовательских значков svg, которые мне понадобятся в дополнение к тому, что предлагается. Я заметил, что .svg-версия Font Awesome состоит в основном из следующих <glyph...

136
Значок Font Awesome внутри элемента ввода текста

Я пытаюсь вставить значок пользователя в поле ввода имени пользователя. Я попробовал одно из решений аналогичного вопроса, зная, что background-imageсвойство не будет работать, так как Font Awesome - это шрифт. Следующее - мой подход, и я не могу получить отображение значка. .wrapper...

134
Сделать Font Awesome иконки по кругу?

Я использую шрифт awesome в каком-то проекте, но у меня есть кое-что, что я хочу сделать со шрифтами awesome icons, я могу легко назвать значок следующим образом: <i class="fa fa-lock"></i> Возможно ли, чтобы все иконки всегда были в круглом круге с рамкой? Как то так у меня есть...

131
Использование значка Font Awesome для маркеров с одним элементом списка

Мы хотели бы иметь возможность использовать значок Font Awesome ( http://fortawesome.github.com/Font-Awesome/ ) в качестве маркера для неупорядоченных списков в CMS. Текстовый редактор на CMS выводит только необработанный HTML, поэтому дополнительные элементы / классы не могут быть добавлены. Это...

124
Значки FontAwesome не отображаются. Зачем?

Недавно я занимался разработкой этого веб-сайта и пытаюсь разместить в нем классные иконки шрифтов, чтобы он был масштабируемым. Дело в том, что они не появляются. Посмотрите на HTML: <a class="btn-cta-freequote" href="#">Get a FREE Quote <i class="fa...

111
Как использовать иконки font-awesome из узловых модулей

Я установил иконки font-awesome 4.0.3, используя npm install. Если мне нужно использовать его из узловых модулей, как мне использовать его в файле html? Если мне нужно отредактировать файл less, нужно ли мне редактировать его в модулях...

106
Как включить значок Font Awesome в Render () React

Каждый раз, когда я пытаюсь использовать значок Font Awesome в React render(), он не отображается на результирующей веб-странице, хотя работает в обычном HTML. render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>; } Вот живой...

99
Как убедиться, что все глифы имеют одинаковую ширину?

Я заметил, что даже при таком же размере шрифта нет стандартной ширины. Как я могу использовать их перед списком элементов, чтобы слова не выглядели неровными? Скриншот проблемы: Это код: <ul id="myTab"> <li class="active"><a href="#home"><i class="icon-tasks"></i>...

99
Font awesome не показывает значок

Я использую Font Awesome и не хочу добавлять CSS с HTTP. Я загрузил Font Awesome и включил его в свой код, но Font Awesome показывает квадратную рамку с рамкой вместо значка. Вот мой код: <html> <head> <link rel="stylesheet" href="../css/font-awesome.css"> <link...