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

Font Awesome é uma fonte vetorial autônoma icônica, inicialmente desenvolvida para uso com a estrutura de front-end do Twitter Bootstrap.

29
A fonte incrível não está exibindo o ícone
Estou usando o Font Awesome e não desejo adicionar CSS com HTTP. Eu baixei o Font Awesome e o incluí em meu código, mas o Font Awesome está mostrando uma caixa quadrada com borda em vez de um ícone. Aqui está o meu código: <html> <head> <link rel="stylesheet" href="../css/font-awesome.css"> <link …
99 html  css  font-awesome 
4
Como posso ter certeza de que todos os glifos têm a mesma largura?
Percebi que mesmo com o mesmo tamanho de fonte, não existe uma largura padrão. Como posso usar isso na frente de uma lista de itens para que as palavras não apareçam irregulares? Captura de tela do problema: Este é o código: <ul id="myTab"> <li class="active"><a href="#home"><i class="icon-tasks"></i> Proposal</a></li> <li><a href="#video"><i …
8
Extraindo SVG de Font Awesome
Quero obter os dados do caminho SVG dos glifos Font Awesome para que possa usá-los diretamente como SVG no meu HTML. Achei que seria tão fácil quanto copiar e colar os dados do caminho de fontawesome-webfont.svg , mas quando o uso em meu HTML, os símbolos são renderizados de cabeça …
93 html  svg  font-awesome 
6
Gire ícones incríveis de fontes estaticamente
Eu gostaria de girar estaticamente meus ícones incríveis de fontes em 45 graus. Diz no site que: Para girar e virar ícones arbitrariamente, use as classes fa-rotate- * e fa-flip- *. No entanto, fazendo <i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i> não funciona, enquanto substituir fa-rotate-45por fa-rotate-90. Isso significa que eles de …
8
Como adiciono um ícone Font Awesome ao campo de entrada?
Como faço para usar o ícone de pesquisa incluído no Font Awesome para entrada? Eu tenho um recurso de pesquisa em meu site (baseado no PHPmotion) que desejo usar para a pesquisa. Aqui está o código: <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" …
89 html  css  font-awesome 
7
Optimize Font Awesome somente para classes usadas
Estou usando o arquivo Font Awesome Sass https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass para torná-lo _font-awesome.sass para que eu possa @importem meu projeto Sass. Também estou usando http://middlemanapp.com/ para converter Sass para Css . Questões: Existe uma maneira de trazer apenas classes de ícones usadas para meu .css convertido? Porque agora ele carregava todas as …
86 css  sass  font-awesome 
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.