программирование font-awesome

11

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

305 css font-awesome

9

Используйте иконку Font Awesome в качестве контента CSS

Я хочу использовать значок Font Awesome в качестве содержимого CSS, т.е. a:before { content: "<i class='fa...'>...</i>"; } Я знаю, что не могу использовать HTML-код content, так что остались только изображения?

279 html css font-awesome

17

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

Я должен обернуть мою иконку в <a>тег по какой-то причине. Есть ли какой-нибудь возможный способ поменять цвет значка со шрифтом на черный? или это невозможно, пока оно заключено в <a>тег? Предполагается, что шрифт потрясающий - это шрифт, а не изображение, верно? <a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>

264 html css font-awesome

14

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

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

231 html css font-awesome

30

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

Поэтому я пытаюсь создать прототип маркетинговой страницы и использую Bootstrap и новый файл Font Awesome. Проблема в том, что когда я пытаюсь использовать значок, все, что отображается на странице, это большой квадрат. Вот как я включаю файлы в голову: <head> <title>Page Title</title> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-responsive.css"> <link rel="stylesheet" …

224 css html twitter-bootstrap font-awesome

7

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

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

205 twitter-bootstrap twitter-bootstrap-rails font-awesome

7

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

Кнопки Twitter Bootstrap имеют хорошее Loading...состояние. Дело в том, что он просто показывает сообщение, которое Loading...прошло через data-loading-textатрибут: <button type="button" class="btn btn-primary start" id="btnStartUploads" data-loading-text="@Localization.Uploading"> <i class="icon-upload icon-large"></i> <span>@Localization.StartUpload</span> </button> Глядя на Font Awesome, вы видите, что теперь есть анимированная иконка . Я попытался интегрировать этот значок счетчика при запуске …

191 button twitter-bootstrap icons loading font-awesome

6

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

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

156 css html-lists font-awesome

15

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

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

153 android font-awesome

8

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

Я люблю шрифт Font Awesome icon icon и хочу использовать его для большинства значков на моем сайте, но есть несколько пользовательских значков svg, которые мне понадобятся в дополнение к тому, что предлагается. Я заметил, что .svg-версия Font Awesome состоит в основном из следующих <glyph />элементов: ... <glyph unicode="&#xf0b2;" horiz-adv-x="1536" d="M0 …

138 svg webfonts font-awesome

22

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

Я пытаюсь вставить значок пользователя в поле ввода имени пользователя. Я попробовал одно из решений аналогичного вопроса, зная, что background-imageсвойство не будет работать, так как Font Awesome - это шрифт. Следующее - мой подход, и я не могу получить отображение значка. .wrapper input[type="text"] { position: relative; } .wrapper input[type="text"]:before { …

136 html css fonts font-awesome

14

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

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

134 css font-awesome

7

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

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

131 css font-awesome

23

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

Недавно я занимался разработкой этого веб-сайта и пытаюсь разместить в нем классные иконки шрифтов, чтобы он был масштабируемым. Дело в том, что они не появляются. Посмотрите на HTML: <a class="btn-cta-freequote" href="#">Get a FREE Quote <i class="fa fa-arrow-right"></i></a> или <li><a href="index.html"><span class="fa fa-home fa-2x"></span>Home</a></li> Я поместил ссылку на таблицу стилей в …

124 html css font-awesome

10

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

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

111 css node.js less npm font-awesome

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