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

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

15
Как включить значок 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>; } Вот живой пример: http://jsfiddle.net/pLWS3/ В чем вина?
29
Font awesome не показывает значок
Я использую Font Awesome и не хочу добавлять CSS с HTTP. Я загрузил Font Awesome и включил его в свой код, но Font Awesome показывает квадратную рамку с рамкой вместо значка. Вот мой код: <html> <head> <link rel="stylesheet" href="../css/font-awesome.css"> <link rel="stylesheet" href="../css/font-awesome.min.css"> </head> <body> <div style="font-size: 44px;"> <i class="fa fa-camera-retro …
99 html  css  font-awesome 
4
Как убедиться, что все глифы имеют одинаковую ширину?
Я заметил, что даже при таком же размере шрифта нет стандартной ширины. Как я могу использовать их перед списком элементов, чтобы слова не выглядели неровными? Скриншот проблемы: Это код: <ul id="myTab"> <li class="active"><a href="#home"><i class="icon-tasks"></i> Proposal</a></li> <li><a href="#video"><i class="icon-film"></i> Videos</a></li> <li><a href="#asset"><i class="icon-paper-clip"></i> Assets</a></li> <li><a href="#payment"><i class="icon-credit-card"></i> Payment</a></li> <li><a href="#history"><i …
6
Статически вращайте иконки с потрясающим шрифтом
Я хотел бы статически повернуть свои иконки с потрясающим шрифтом на 45 градусов. На сайте написано, что: Чтобы произвольно вращать и переворачивать значки, используйте классы fa-rotate- * и fa-flip- *. Однако делая <i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i> не работает, а замена fa-rotate-45на fa-rotate-90делает. Означает ли это, что они на самом …
8
Как добавить значок Font Awesome в поле ввода?
Как использовать для ввода значок поиска в Font Awesome? У меня есть функция поиска на моем сайте (на основе PHPmotion), которую я хочу использовать для поиска. Вот код: <div id="search-bar"> <form method="get" action="search.php" autocomplete="off" name="form_search"> <input type="hidden" name="type" value="videos" /> <input autocomplete="on" id="keyword" name="keyword" value="Search Videos" onclick="clickclear(this, 'Search Videos')" onblur="clickrecall(this,'Search …
89 html  css  font-awesome 
8
Извлечение SVG из Font Awesome
Я хочу получить данные пути SVG из глифов Font Awesome, чтобы я мог использовать их прямо как SVG в моем HTML. Я думал, что это будет так же просто, как скопировать данные пути из fontawesome-webfont.svg , но когда я использую его в своем HTML, все символы отображаются в перевернутом виде. …
89 html  svg  font-awesome 
7
Оптимизировать Font Awesome только для используемых классов
Я использую файл Font Awesome Sass https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass, чтобы сделать его _font-awesome.sass, чтобы я мог @importв моем проекте Sass. Я также использую http://middlemanapp.com/ для преобразования Sass в Css . Вопросы: Есть ли способ перенести в мой преобразованный .css только используемые классы значков ? Потому что сейчас он содержит все классы из …
86 css  sass  font-awesome 
9
Как мне загрузить font-awesome с помощью SCSS (SASS) в Webpack, используя относительные пути?
У меня есть font-awesome в папке node_modules, поэтому я пытаюсь импортировать его в свой основной файл .scss следующим образом: @import "../../node_modules/font-awesome/scss/font-awesome.scss"; Но компиляция пакета Webpack не работает, сообщая мне Error: Cannot resolve 'file' or 'directory' ../fonts/fontawesome-webfont.eot потому что файл font-awesome.scss ссылается на относительный путь, '../fonts/'. Как я могу указать scss …
5
Атрибут alt или title для тега i
Я использую font-awesome и показываю их шрифты вот так: <i class="icon-lock"></i> Появится красивый маленький символ замка. Чтобы пользователь знал, что именно это означает, я попытался добавить такие атрибуты, как title и alt, но безрезультатно. Есть ли какой-нибудь атрибут, который я могу использовать для <i>тега, который выполняет ту же задачу, что …
3
Font Awesome vs Glyphicons в Twitter Bootstrap
Я новичок в веб-разработке и недавно начал работать с Twitter Bootstrap, я знаю, что он использует глификоны, которые я уже знаю, как использовать. Но я также наткнулся на Font Awesome, в котором говорится, что он создан для Bootstrap. В чем разница между ними? Я имею в виду, является ли одно …
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.