Skip to main content

Perguntas com a tag [font-awesome]

A tag não tem possui recomendações de uso.

Filtrar por
Ordenado por
Com tags
-1 votos
1 resposta
308 visitas

MVC bundle alterando Content do css - Font Awesome

Estou com um problema com o bundle do ASP.NET MVC. Quando rodo a aplicação local, os ícones do FontAwesome são renderizados perfeitamente. Inclusive quando habilito o bundle local. Porém, quando ...
3 votos
1 resposta
13mil visitas

Icones não aparecem - Font Awesome [fechada]

Os ícones utilizados do font awesome não aparecem em meu site, fica só uns quadradinhos, não entendo porque. É igual desse tópico: LINK Como não foi solucionado, postei novamente para pedir ajuda. ...
-3 votos
1 resposta
133 visitas

Estou fazendo meu site, básico, primeira vez. Porém, os icones sumiram

<div id="box"> <h1>Home</h1> <img src="images/img-people.png" alt=> <input class="post" placeholder="What's happening?" type="text" /><br><br> <...
0 votos
0 respostas
278 visitas

Erro com Bootstrap (Font Awesome)

Estou usando Bootstrap e tentando adicionar o ícone "like", porem aparece esse quadrado no lugar... qual o problema? <link href="css/font-awesome.min.css" rel="stylesheet&...
3 votos
1 resposta
3mil visitas

Colocar os ícones do Font Awesome dentro das listas ordenadas no menu [fechada]

Colegas. Tenho um menu em Bootstrap do qual gostaria de colocar os ícones do Font Awesome ao lado de cada item desse menu. O HTML está dessa forma: <ul class="dropdown-menu"> ...
0 votos
1 resposta
1mil visitas

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

Como alterar a fonte de "Regular Icons" para "Solid Icons" via CSS. No https://fontawesome.com/cheatsheet as duas possuem o mesmo código. <!DOCTYPE html> <html> <head> <...
-1 votos
1 resposta
160 visitas

fontawesome com vuetify

estou inciando um projeto VUEJ+vuetify. Implementei o pacote do fontawesome para utilizar dos icones free que disponibilizaram. entretanto, todos os componentes renderizados no navegador que utilizam ...
-1 votos
2 respostas
3mil visitas

Alinhar icons e texto em uma lista

Estou utilizando o fontawesome para colocar alguns icones em um projeto web que estou fazendo e precisei adicionar uma <ul>, e nessa lista, vao ficar icones e na frente uma escrita, eu gostaria ...
0 votos
1 resposta
625 visitas

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

Possuo um card e um link onde eu queria carregar um ícone de download, utilizo a classe fornecida pelo font awesome, porém o ícone não aparece. Já li sobre especificidade aqui mesmo no SO-pt, vi ...
1 voto
1 resposta
103 visitas

Seletores Jquery - Encontrar e trocar classe Css de um elemento [duplicada]

Estou criando uma Timeline e gostaria de aplicar uma iteratividade quando eu clico em cada card/nó. Gostaria que ao clicar(expandir card) no link na tag <a> cuja classe css é "timeline-link" a ...
0 votos
1 resposta
2mil visitas

CSS Font Awesome não carrega

Estou tento dificuldade para utilizar fot awesome Encontrei na internet esse exemplo: http://astronautweb.co/snippet/font-awesome/ porém não estou conseguindo resolver este problema meu HTML e CSS ...
1 voto
1 resposta
233 visitas

alguns ícones do Font Awesome carregam, outros não

Olá! criei um menu com pseudo-elementos para colocar ícones do Font Awesome. Acontece que alguns ícones renderizam, outros aparecem somente como um quadradinho. O que pode ser? CSS: .phoen_nav_tab ...
1 voto
1 resposta
1mil visitas

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

Pessoal estou usando fontawesome 5 e alguns icones não aparecem quando eu chamo eles pelo css segue meu código e print da tela de como o icone está sendo exibido. HTML: <link rel="stylesheet" ...
3 votos
1 resposta
239 visitas

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

Fiz esse select customizado usando FontAwesome, porem ele não abre quando clica na setinha. Segue código referente a imagem acima: .x { width: 50%; background-color: #fefefe; border-...
1 voto
1 resposta
72 visitas

Transition não executando ao mesmo tempo em elementos diferentes

Galera, estou com um problema no transition do CSS3, tenho um ícone em Font Awesome e o texto em forma de link que altera de branco para verde claro no :hover, mas ao tirar o mouse a cor altera um na ...
1 voto
3 respostas
2mil visitas

Erro - Ícones fa (FontAwesome.css)

Alguns ícones da classe como por exemplo, fa fa-user aparecem dentro do sistema, mas outros ícones como fa fa-user-circle-o que possuem o hífen não aparecem. Segue abaixo a imagem, como podem perceber ...
6 votos
1 resposta
133 visitas

Todas as pastas do FontAwesome são úteis?

Eu uso o Font Awesome 5.2 apenas essa forma de inserir os ícones: <i class="fab fa-500px"></i> Gostaria de saber se para isso é necessário deixar no projeto todas essas pastas e arquivos ...
1 voto
1 resposta
175 visitas

Excluir (renomear) figuras em PHP com AJAX

Tenho uma página (up.php) que mostra o seguinte: Quero fazer o seguinte, ao clicar em Apagar em qualquer uma delas, apareça um fa-cog centralizado na imagem e depois remova ela dali. O que tenho até ...
1 voto
3 respostas
1mil visitas

Os ícones do Font Awesome não pega no PrimeNG

Estou com a lib do Font Awesome instalado e configurado no meu projeto, e estou com a lib do PrimeNG também instalado, porém o icones do Font Awesome não está pegando no Datatable do PrimeNG, será ...
0 votos
1 resposta
2mil visitas

Como importar o css no Angular 6?

Eu percebi que da versão Angular 4.3 para o Angular 6 eles retiraram o arquivo .angular-cli.json, por causa disso estou incluindo no arquivo principal do projeto o index.html, mas a importação o Font-...
2 votos
2 respostas
4mil visitas

Problema em implementar icone do font awesome pelo css

estou com um problema em carregar minha font via css estou usando o font awesome 5 eu estou implementando os icones via content no css porém o icone que eu quero usar não está funcionando esse seria o ...
0 votos
1 resposta
2mil visitas

Fontawesome não carrega corretamete carrega quadrados

Após realizada as configurações e instalar o font-awesome com o Bower e chamá-lo através do meu arquivo Sass através de um arquivo de nome plugin.sass o mesmo não está funcionado aparecem somente uns ...
0 votos
1 resposta
253 visitas

Apresentar todos os icons do font awesome no meu website?

Eu gostaria de puder usar todos os ícone da font-awesome 4.7 no meu website sem ter de escrever o código de cada ícone. Não estou a falar de iframe porque quererei usar Jquery events neles.
0 votos
2 respostas
121 visitas

CSS com Font Awesome

Como substituir a imagem do exemplo CSS disponível em https://pastebin.com/Bm1k1Pjs por Font Awesome? Segue código abaixo: <blockquote style=' font: 14px/20px italic Times, serif; padding-left: ...
4 votos
2 respostas
1mil visitas

Erro - Ícone Font-Awesome

Preciso Adicionar um ícone em um menu, o ícone que quero utilizar é o: fa fa-file-pdf-o (PDF) Da classe: font-awesome.min.css Só que existe um problema quando adiciono o mesmo. Ele aparece da ...
2 votos
2 respostas
3mil visitas

Problemas com o Font Awesome

Olá estou com problema com o Font Awesome, estou criando uma página que quero utilizar os ícones, comecei vinculando a url do Font Awesome, ele mostra os ícones, depois inclui mais 2 arquivos CSS, ...
6 votos
2 respostas
277 visitas

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

Eu gostaria de diminuir o tamanho em disco da fonte para que a página carregue mais rápido. É a fonte de ícones Font Awesome. Eu quero saber se há alguma ferramenta para que eu possa remover os ...
0 votos
0 respostas
192 visitas

Problema com icon awesome num select option

Estou a tentar adicionar um icon unicode awesome numa option do meu select mas fica-me sempre com este simbolo  @font-face { font-family: "FontAwesome"; font-weight: normal; font-style : ...
4 votos
3 respostas
9mil visitas

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

Uso fonte awesome como menu. A cor inicial do icone é amarelo. Como faço para o ícone permanecer branco quando estiver na página atual? Já tentei fazer usando css, mas sem sucesso. <div class="...
3 votos
2 respostas
560 visitas

Colocar dois ícones no mesmo parágrafo

Tenho um parágrafo em minha view. Nesse parágrafo, eu tenho a indicação do meu celular e peguei o símbolo do bootstrap, assim: <p><i class="fa fa-phone"></i> Phone (Brasil) : +55 11 ...
4 votos
1 resposta
2mil visitas

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

Na Documentação do Material Angular há exemplos de como usar ícones em botões, através de um ícone SVG. Exemplo: <md-button class="md-icon-button md-primary" aria-label="Settings"> <...
1 voto
1 resposta
181 visitas

Problema ao carregar font-awesome com o SASS

Os ícones ao serem carregados estão bem diferentes. <i class="fa fa-camera-retro fa-lg"></i> CAMERA <i class="fa fa-facebook"></i> FACEBOOK <i class="fa fa-github"></...
1 voto
1 resposta
2mil visitas

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

Tenho umas divs em que devem ser exibidos alguns ícones do Font Awesome pelo meu css: .listing-item .listing-meta-cat a { font-size:14px; width:30px; text-align:center; margin-right:5px; ...
1 voto
2 respostas
3mil visitas

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

Estou tentando alterar o tamanho de certos ícones ao passa o mouse. Acontece que quando passo o mouse o ícone até aumenta o tamanho, mas o mesmo que faz com que os outros ícones saiam do lugar. Sem ...
2 votos
2 respostas
2mil visitas

Como adicionar indicadores de ordenação em uma tabela?

Criei um algoritmo de ordenação [ascendente - descendente] de [letras - números]. Estou tentando adicionar algum indicador de ordenação no titulo das colunas, mas não esta funcionando como deveria. ...
3 votos
1 resposta
2mil visitas

Ícone ao lado do input

Quero criar uma página pra rodar no captive portal, e gostei bastante dos inputs da página de login do site King Debrid, mas ela usa Bootstrap. Queria o mesmo efeito, porém sem o uso do Bootstrap.
3 votos
1 resposta
917 visitas

Como fazer para trocar a classe de um elemento - Font Awesome

Eu tenho um ícone do Font Awesome no qual estou tentando fazer com que o elemento ao ser clicado, troque o ícone de fa fa-plus para um fa fa-minus e ao clicar novamente, o ícone volte para o fa fa-...