Запитання з тегом «font-awesome»

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

29
Чудовий шрифт не відображається значок
Я використовую 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 …
99 html  css  font-awesome 
15
Як включити значок Awesome Font у візуалізацію React ()
Кожен раз, коли я намагаюся використовувати піктограму Awesome Font у React render(), вона не відображається на отриманій веб-сторінці, хоча вона працює у звичайному HTML. render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>; } Ось живий приклад: http://jsfiddle.net/pLWS3/ Де вина?
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 …
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 Videos')" …
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? Тому що зараз він несе всі класи з _font-awesome.sass …
86 css  sass  font-awesome 
9
Як завантажити чудовий шрифт за допомогою SCSS (SASS) у Webpack, використовуючи відносні шляхи?
У моїй папці node_modules є awesome font, тому я намагаюся імпортувати його в свій головний файл .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 \ webpack …
5
Атрибут alt або title для тегу i
Я використовую чудовий шрифт і відображаю їх шрифти так: <i class="icon-lock"></i> Це відобразить приємний маленький символ замка. Щоб користувач знав, що саме це означає, я спробував додати такі атрибути, як title і alt, але безуспішно. Чи є якийсь атрибут, який я можу використовувати для <i>тегу, який виконує те саме завдання, …
3
Шрифт Awesome vs Glyphicons у Twitter Bootstrap
Я новачок у веб-розробці, і нещодавно я почав працювати з Twitter Bootstrap, я знаю, що він використовує Glyphicons, які я вже знаю, як використовувати. Але я також натрапив на Font Awesome, який каже, що він створений для Bootstrap. Які відмінності між ними? Я маю на увазі, чи є одне альтернативою …
8
Як дізнатися, чи вже завантажений шрифт (@ font-face)?
Я використовую Font-Awesome, але поки шрифтові файли не завантажуються, піктограми відображаються з . Отже, я хочу, щоб ці значки були, display:noneпоки файли не завантажуються. @font-face { font-family: "FontAwesome"; src: url('../font/fontawesome-webfont.eot'); src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } Як мені дізнатися, що ці файли …
8
Використовуйте FontAwesome або Glyphicons з css: before
Чи є спосіб вбудувати HTML в content:елемент css при використанні:before псевдоелемента? Я хочу використовувати Font Awesome (або Glyphicon) у такому випадку використання: h1:before { content: "X"; padding-right: 10px; padding-left: 10px; color: @orangeLight; } Де Xщось подібне<i class="icon-cut"></i> . Звичайно, я можу зробити це вручну в HTML, але я дуже хочу …
10
Помилка Font-Awesome 404 на шрифтах
Я не знаю, що відбувається, але на консолі браузера я бачу 3 помилки, пов’язані з чудовими шрифтами GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.woff2?v=4.3.0 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.woff?v=4.3.0 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.ttf?v=4.3.0 Я знаю, що це смішно, я не можу зрозуміти це самостійно, але, здається, все в порядку, у моєму index.html у мене є щось подібне <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css" …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.