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

93
Статически вращайте иконки с потрясающим шрифтом

Я хотел бы статически повернуть свои иконки с потрясающим шрифтом на 45 градусов. На сайте написано, что: Чтобы произвольно вращать и переворачивать значки, используйте классы fa-rotate- * и fa-flip- *. Однако делая <i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i> не...

89
Извлечение SVG из Font Awesome

Я хочу получить данные пути SVG из глифов Font Awesome, чтобы я мог использовать их прямо как SVG в моем HTML. Я думал, что это будет так же просто, как скопировать данные пути из fontawesome-webfont.svg , но когда я использую его в своем HTML, все символы отображаются в перевернутом виде....

89
Как добавить значок Font Awesome в поле ввода?

Как использовать для ввода значок поиска в Font Awesome? У меня есть функция поиска на моем сайте (на основе PHPmotion), которую я хочу использовать для поиска. Вот код: <div id="search-bar"> <form method="get" action="search.php" autocomplete="off" name="form_search"> <input...

86
Оптимизировать 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 . Вопросы: Есть ли способ...

85
Как мне загрузить 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'...

83
Атрибут alt или title для тега i

Я использую font-awesome и показываю их шрифты вот так: <i class="icon-lock"></i> Появится красивый маленький символ замка. Чтобы пользователь знал, что именно это означает, я попытался добавить такие атрибуты, как title и alt, но безрезультатно. Есть ли какой-нибудь атрибут, который я...

81
Font Awesome vs Glyphicons в Twitter Bootstrap

Я новичок в веб-разработке и недавно начал работать с Twitter Bootstrap, я знаю, что он использует глификоны, которые я уже знаю, как использовать. Но я также наткнулся на Font Awesome, в котором говорится, что он создан для Bootstrap. В чем разница между ними? Я имею в виду, является ли одно...