Skip to main content

Respostas interessantes marcadas com a tag

9 votos
Aceito

Como selecionar apenas os caracteres que eu quero de uma fonte?

O icomoon.io permite que selecione caracteres e gere uma nova fonte a partir deles facilmente. Basta importar o Font Awesome clicando no ícone da biblioteca e procurar por ele, selecionar os ícones ...
vinibrsl's user avatar
  • 21,7mil
6 votos
Aceito

Problema em implementar icone do font awesome pelo css

Acrescente isto no seu CSS: font-weight: 900; Pelo que vejo, esse caractere só está disponível nessa fonte bold. Não entendi o motivo, vai ver é porque ele é f0da :D
bfavaretto's user avatar
  • 66,3mil
5 votos
Aceito

Colocar dois ícones no mesmo parágrafo

Sim, é possível. É só adicionar outra tag com as classes fa e fa-whatsapp <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <...
Jéf Bueno's user avatar
  • 69,8mil
4 votos
Aceito

Meu Select customizado com FontAwesome não abre quando clica na seta?

Basicamente eu adicionei no css do .x::after a diretiva pointer-events: none; para indicar que este elemento não é o alvo de evento do mouse. .x { width: 50%; background-color: #fefefe; ...
Icaro Martins's user avatar
4 votos
Aceito

Icones não aparecem - Font Awesome

Na sua folha de estilos está utilizando o seletor universal, *, e sobrescrevendo a font-family para Open Sans. O problema é que o Font Awesome é uma fonte. Você pode optar por retirar a linha font-...
vinibrsl's user avatar
  • 21,7mil
3 votos
Aceito

ícones via cdn não são exibidos no site

Cara sei problema é que vc está usando as classe dos ícone da versão 5 do FontAwesome, mas está importando no seu head a versão 4 do FontAwesome... Basta mudar o link da versão para a que vc deseja... ...
hugocsl's user avatar
  • 66,9mil
3 votos

Como faço para icone font awesome mudar a cor para indicar a página atual?

Como eles são apenas fontes, você pode estilizar eles como fontes: .fa-cog.corrente { color: white; } <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" ...
mercador's user avatar
  • 2.790
3 votos

Ícone font awesome 5 não aparece ao ser chamado pelo css

Seu font-family está errado! Vcusou a Font Awesome 5 Free mas deveria ser a Font Awesome 5 Brands body { background-color: black; color: #fff; } .phone { position: relative; color: ...
hugocsl's user avatar
  • 66,9mil
3 votos
Aceito

Transition não executando ao mesmo tempo em elementos diferentes

Cara vc está com um problema nos seletores, a hierarquia não está legal. Dei uma ajustada tirando o transition do html * e parece que arrumou! EDIT É tb uma questão de performance de seletores, ...
hugocsl's user avatar
  • 66,9mil
3 votos

Todas as pastas do FontAwesome são úteis?

Não necessariamente você pode utilizar só o arquivo all.js que ele irá funcionar normalmente. As outras pastas e arquivos você pode retirar do seu projeto.
Will's user avatar
  • 164
3 votos
Aceito

Erro - Ícone Font-Awesome

Eu estava dando uma olhada aqui e conseguir achar que o problema pelo qual estava tendo, de acordo com o erro que o navegador informava é que ele solicitava dois arquivos que se encontravam dentro da ...
Carlos Henrique's user avatar
3 votos
Aceito

Como usar um ícone do font-awesome com botão do Material Angular?

Não me lembro de ter visto nada a respeito disso na documentação, mas para usar uma fonte como ícone, você precisa usar a diretiva md-icon com o a propriedade md-font-icon contendo a classe referente ...
Wallace Vizerra's user avatar
2 votos
Aceito

Como posicionar corretamente os ícones do Font Awesome em div?

Este comportamento é normal visto que como os ícones estão inseridos dentro da tag <a> que é um elemento inline e não assume altura ou largura. A largura e altura é determinada pelo seu ...
BitDrake's user avatar
2 votos
Aceito

Apresentar todos os icons do font awesome no meu website?

Se entendi você quer criar algo para exibir todos disponíveis sem precisar ter que ficar acessando a documentação, seria isto mesmo? Você pode usar o document.styleSheets e depois o cssRules para ...
Syzoth's user avatar
  • 100mil
1 voto

Alinhar icons e texto em uma lista

Para isso você deve deixar todos os ícones com o mesmo tamanho, de uma olhada nessa classe: .icon{ display: block; width: 15px; float: left; } <html> <head> &...
Pilati's user avatar
  • 1.113
1 voto
Aceito

Seletores Jquery - Encontrar e trocar classe Css de um elemento

Uma resposta com JavaScript puro talvez seja mais simples pra vc. Vc pode fazer um forEach e dentro do elemento alvo vc procura um seletor específico, no caso o <i> e faz o classList.toggle ...
hugocsl's user avatar
  • 66,9mil
1 voto
Aceito

CSS Font Awesome não carrega

Adiciona o CDN do FontAwesome no seu header. Lá pelo site você consegue o link que usei no meu heade. <!DOCTYPE html> <html lang="en"> <head> <!-- Required meta tags --> ...
pedro pimont's user avatar
1 voto
Aceito

Excluir (renomear) figuras em PHP com AJAX

Creio que você está fazendo da forma errada. Ao clicar no botão você está disparando dois eventos ao mesmo tempo, o de click e o de submit. Não precisa usar essa função myAjax(), você pode usar a ...
Sam's user avatar
  • 80,7mil
1 voto

Problema em implementar icone do font awesome pelo css

Conforme a documentação para vc usar no ::before vc tem que ajustar algumas coisas. Vc vai precisar usar o fontawesome.js e não o .css pois só vai funcionar com a font no formato SVG. Depois vc tem ...
hugocsl's user avatar
  • 66,9mil
1 voto
Aceito

Fonts Awesome: como alterar a fonte em a:hover via CSS?

Segue uma alternativa sem usar ::before pois o novo padrão da https://fontawesome.com/ já coloca o ícone como um ::before e não tem como vc fazer um ::before::before Aqui está a documentação oficial ...
hugocsl's user avatar
  • 66,9mil
1 voto

CSS com Font Awesome

Para isso basta você remover as propriedades: background-image: url(images/openquote4.gif); background-position: middle left; background-repeat: no-repeat; Importar o CSS Font Awesome <link href=...
NoobSaibot's user avatar
  • 9.772
1 voto

CSS com Font Awesome

Acho que esse é o caminho para o que você está procurando. @import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'; blockquote { font: 14px/20px italic Times, ...
Leandro Angelo's user avatar
1 voto

Erro - Ícone Font-Awesome

Tente alterar a forma de importação para: <link rel="stylesheet" type="text/css" href="./css/font-awesome.css">
Thainá V.'s user avatar
1 voto

Como selecionar apenas os caracteres que eu quero de uma fonte?

O que você procura deverá ser, na minha opinião o IcoMoon. :) No IcoMoon, pode escolher quais os icons que precisa/quer ou até mesmo importar no site (ou procurar na galeira do site) e mais tarde ...
fabiofcferreira's user avatar
1 voto
Aceito

Problema ao carregar font-awesome com o SASS

Troquei em : bower_components/font-awesome/scss/_variables.scss $fa-font-path: "../fonts" !default; para : $fa-font-path: "/bower_components/font-awesome/fonts" !default;
Furabio's user avatar
  • 739
1 voto

Como aumentar o tamanho do ícone ao passar o mouse em uma lista

Pronto. Alterei algumas classes e estilos: .social { margin: 0; padding: 0; } .social ul { margin: 0; padding: 5px; } .social ul li { margin: 4px; list-style:...
Ricardo Mota's user avatar
  • 2.939

Only top scored, non community-wiki answers of a minimum length are eligible