Perguntas com a marcação «font-awesome»

Eu tenho algum CSS que se parece com isso: #content h2 { background: url(../images/tContent.jpg) no-repeat 0 6px; } Gostaria de substituir a imagem por um ícone do Font Awesome . Não vejo como usar o ícone em CSS como imagem de fundo. Isso é possível assumindo que as folhas de …

305 css  font-awesome 

Quero usar um ícone de Fonte impressionante como conteúdo CSS, ou seja, a:before { content: "<i class='fa...'>...</i>"; } Sei que não posso usar o código HTML content, então só restam imagens?

279 html  css  font-awesome 

Tenho que envolver meu ícone em uma <a>tag por algum motivo. Existe alguma maneira possível de mudar a cor de um ícone impressionante de fonte para preto? ou é impossível contanto que esteja dentro de uma <a>tag? Fonte impressionante é suposto ser fonte não imagem, certo? <a href="/users/edit"><i class="icon-cog"></i> Edit …

264 html  css  font-awesome 

Digamos que eu tenho um botão de inicialização com um ícone incrível de fonte e algum texto: <div> <i class='icon icon-2x icon-camera'></i> hello world </div> Como faço para que o texto apareça centralizado verticalmente? O texto está alinhado com a borda inferior do ícone agora: http://jsfiddle.net/V7DLm/1/ EDIT: Eu tenho uma …

231 html  css  font-awesome 

Então, estou tentando criar um protótipo de uma página de marketing e usando o Bootstrap e o novo arquivo Font Awesome. O problema é que, quando tento usar um ícone, tudo o que é renderizado na página é um grande quadrado. Aqui está como eu incluo os arquivos na cabeça: …

224 css  html  twitter-bootstrap  font-awesome 

Parece não haver classe para o tipo de entrada 'submit' em font-awesome. É possível usar alguma classe de font-awesome para inserir botões? Adicionei ícones a todos os botões (que na verdade estão vinculados à classe 'btn' do twitter-bootstrap) nos meus aplicativos, mas não consigo adicionar ícones no 'tipo de entrada …

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

Os botões do Twitter Bootstrap têm um bom Loading...estado disponível. O fato é que apenas mostra uma mensagem como Loading...passada através do data-loading-textatributo desta forma: <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> Observando Font Awesome, você vê que agora existe um ícone giratório animado . …

190 button  twitter-bootstrap  icons  loading  font-awesome 

Gostaria de saber se é possível utilizar classes impressionantes de fontes (ou qualquer outra fonte icônica) para criar um <li>tipo de estilo de lista personalizado ? Atualmente, estou usando o jQuery para fazer isso, ou seja: $("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>"); No entanto, isso não é apropriado quando o <li>texto passa pela página, …

156 css  html-lists  font-awesome 

Estou tentando usar o Font Awesome no meu aplicativo, consegui integrar a fonte usando Typeface.createFromAsset(), mas também quero usar os ícones fornecidos por essa fonte, mas até agora não consegui fazer isso. Essa fonte específica contém ícones dentro da Área de uso privado Unicode (PUA), para itens como controles do …

153 android  font-awesome 

eu amo o fonte do ícone Font Awesome e quero usá-la na maioria dos ícones do meu site, mas existem alguns ícones svg personalizados que eu precisaria além do que é oferecido. Notei que a versão .svg do Font Awesome é composta principalmente destes <glyph />elementos: ... <glyph unicode="" horiz-adv-x="1536" …

138 svg  webfonts  font-awesome 

Estou tentando inserir um ícone de usuário dentro do campo de entrada de nome de usuário. Eu tentei uma das soluções a partir de uma pergunta semelhante, sabendo que a background-imagepropriedade não funcionará, pois Font Awesome é uma fonte. A seguir, é minha abordagem e não consigo exibir o ícone. …

136 html  css  fonts  font-awesome 

Estou usando a fonte awesome em algum projeto, mas tenho algumas coisas que quero fazer com ícones impressionantes da fonte, posso chamar facilmente um ícone como este: <i class="fa fa-lock"></i> É possível que todos os ícones estejam sempre em círculo redondo com borda? Algo assim, eu tenho uma foto: Usando …

134 css  font-awesome 

Gostaríamos de poder usar um ícone Font Awesome ( http://fortawesome.github.com/Font-Awesome/ ) como um marcador para listas não ordenadas em um CMS. O editor de texto no CMS gera apenas HTML bruto, portanto, elementos / classes adicionais não podem ser adicionados. Isso significa exibir os ícones quando a marcação é assim: …

131 css  font-awesome 

Recentemente, tenho desenvolvido este site e estou tentando colocar uma fonte ícones incríveis nele, para que seja escalonável. A questão é que eles não estão aparecendo. Veja o HTML: <a class="btn-cta-freequote" href="#">Get a FREE Quote <i class="fa fa-arrow-right"></i></a> ou <li><a href="index.html"><span class="fa fa-home fa-2x"></span>Home</a></li> Eu coloquei a referência da folha …

123 html  css  font-awesome 

Eu instalei ícones do tipo fonte 4.0.3 usando npm install. Se eu precisar usá-lo a partir de módulos de nó, como devo usá-lo no arquivo html? Se eu precisar editar o arquivo less, preciso editá-lo nos módulos do nó?

111 css  node.js  less  npm  font-awesome