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 ...
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
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">
<...
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;
...
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-...
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... ...
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" ...
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: ...
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, ...
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.
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 ...
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 ...
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 ...
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 ...
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>
&...
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
...
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 -->
...
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 ...
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 ...
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 ...
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=...
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, ...
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">
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 ...
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;
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:...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
font-awesome × 37css × 19
html × 10
html5 × 6
css3 × 5
php × 2
javascript × 2
jquery × 2
angular × 2
twitter-bootstrap × 2
sass × 2
scss × 2
icons × 2
ajax × 1
asp.net-mvc × 1
angularjs × 1
wordpress × 1
lista × 1
vue.js × 1
desempenho × 1
html-select × 1
gulp × 1
angular-material × 1
css-hover × 1
font × 1