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

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

11
Використовуйте значки шрифту Awesome у CSS
У мене є CSS, який виглядає приблизно так: #content h2 { background: url(../images/tContent.jpg) no-repeat 0 6px; } Я хотів би замінити зображення значком від Font Awesome . Я не бачу в будь-якому випадку використовувати значок у CSS як фонове зображення. Чи можливо це зробити, припускаючи, що таблиці та шрифти Font …
304 css  font-awesome 
17
Чи можу я змінити колір значка шрифту 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/ EDIT: У мене є можливе рішення : 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" …
7
Дивовижний шрифт, тип введення "подати"
Здається, немає класу для типу введення 'submit' у шрифтовому плані. Чи можна використовувати якийсь клас із шрифтового дивовижного для введення кнопок? Я додав піктограми до всіх кнопок (які насправді посилаються на клас 'btn' від twitter-bootstrap) у своїх додатках, але я не можу додати піктограми під назвою «тип подання вводу». Або, …
7
Як додати піктограму віджима до кнопки, коли вона знаходиться у стані завантаження?
Кнопки Bootstrap у Twitter мають приємний 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> Дивлячись на шрифт Awesome, ви бачите, що зараз є анімований значок спінера . Я намагався інтегрувати …
6
Спеціальний стиль списку li із чудовим значком шрифту
Мені цікаво, чи можна використовувати приголомшливі шрифти (чи будь-який інший знаковий шрифт) для створення користувальницького <li>списку-стилю типу? Зараз я використовую jQuery для цього, тобто: $("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>"); Однак це не належним чином, коли <li>текст перегортається по всій сторінці, оскільки він вважає піктограмою частиною тексту, а не фактичним індикатором кулі. Якісь поради?
15
Як використовувати піктограми та символи з "Шрифтового дивовижного" у програмі Native Android
Я намагаюся використовувати Font Awesome у своєму додатку, мені вдалося інтегрувати шрифт за допомогою Typeface.createFromAsset(), але я також хочу використовувати піктограми, надані цим шрифтом, але поки що мені це не вдалося. Цей конкретний шрифт містить піктограми всередині зони приватного використання Unicode (PUA) для таких речей, як управління медіаплеєром, доступ до …
8
Додайте спеціальні значки для приготування шрифту
Я люблю шрифт значка Font Awesome і хочу використовувати його для більшості піктограм на моєму сайті, але є кілька спеціальних іконок svg, які мені знадобляться на додаток до запропонованого. Я помітив, що .svg версія Font Awesome складається з цих <glyph />елементів: ... <glyph unicode="" horiz-adv-x="1536" d="M0 80v477q0 51 24.5 61.5t59.5 …
22
Значок Awesome шрифту всередині елемента введення тексту
Я намагаюся вставити значок користувача у поле введення імені користувача. Я спробував одне з варіантів подібного питання, знаючи, що background-imageвластивість не працюватиме, оскільки шрифт Fow Awesome є шрифтом. Далі йде мій підхід, і я не можу отримати дисплей піктограми. .wrapper input[type="text"] { position: relative; } .wrapper input[type="text"]:before { font-family: 'FontAwesome'; …
136 html  css  fonts  font-awesome 
14
Зробити значки Awesome шрифтом у колі?
Я використовую дивовижний шрифт в якомусь проекті, але у мене є деякі речі, які я хочу зробити зі значками, що мають чудові шрифти, я можу легко викликати такий значок: <i class="fa fa-lock"></i> Чи можливо, щоб усі іконки завжди знаходилися в круговому колі з межею? Я щось подібне маю: Використання i …
134 css  font-awesome 
7
Використання значка Font Awesome для точок кулі, з одним елементом списку
Ми хотіли б мати можливість використовувати піктограму 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> Я поклав посилання на таблицю стилів в голову. Я …
123 html  css  font-awesome 
10
Як користуватися чудовими значками шрифту з вузлових модулів
Я встановив чудові шрифти 4.0.3 іконки за допомогою npm install. Якщо мені потрібно використовувати його з вузлових модулів, як мені використовувати його в html-файлі? Якщо мені потрібно редагувати файл менше, чи потрібно мені редагувати його у вузлових модулях?
111 css  node.js  less  npm  font-awesome 
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.