Dúvidas com ícones do Fonte Awesome

Bom dia pessoal!
Estou montando uma aba em html e css para ser a home do meu app.
Pretendo utilizar os ícones do Fonte Awesome. Já baixei o pacote com os ícones e coloquei no meu servidor.
Testando pelo WebApp no iPhone, os ícones estão aparecendo, mas no Android não.

O link de testes é esse: https://pwa.app.vc/teste_guiatur

Podem me auxiliar?

PS: Ainda estou ajustando as dimensões, por isso no iphone os botões estão alinhados corretamente e no android não.


bom dia, como está o código fonte da página? teria como postar assim poderia lhe ajudar.

1 Curtida

o que percebi está faltando vc informar o css do font awesome se não informar ele não irá mostrar para vc, coloca na primeira linha o mesmo.

1 Curtida
<link href="https://guiatursbs.com.br/fontawesome/css/all.css" rel="stylesheet"> <!--load all styles -->

Não apareceu no primeiro que mandei, mas eu coloquei sim.

Use o que eles lhe forneceu no seu login,
como neste exemplo

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" >

mas usa o código completo pois lá tem uma chave que é sua ok, no link acima eu tirei esta chave pois é minha que uso em meus projetos.

1 Curtida

eu uso ele mas baixo todos ícones em SVG e monto os menus e ícones no adobe XD

1 Curtida

Eu utilizei o código fornecido no meu login, e daí sumiu todos os ícones, agora não aparece mais nada rs.

Acho que vou fazer isso então, baixar os ícones em svg e no illustrator eu redimensiono eles e exporto em png para usar no app.

pode ser o servidor deles que barra o uso de site não autorizado, pois o pwa e o apk sempre irá pegar alguma referencia em algum servidor da Fabapp cujo o domínio seja diferente a do que vc usa.

1 Curtida

@danielgoulart91 tente fazer como lhe falei, baixe os ícones em SVG e faz as imagens no XD, Corel ou qualquer programa que vc usa de design, depois suba elas no seu servidor ou no imgur para usar em seus apps depois.

2 Curtidas

Quanto aos ícones vou fazer isso mesmo @uiliancaetano, valeu!!
Sobre o alinhamento dos botões, no iPhone ficou certo, mas na tela menor no Android ele ficou desalinhado.
Você tem alguma dica pra isso?

eu uso sempre no tamanho 400x400 depois ajusto no css mesmo as dimensões e alinhamento dos mesmos.

2 Curtidas

@uiliancaetano você teria algum código de grade com 3 botões pra eu ver como você montou?

@danielgoulart91 Está de parabéns seu app! muito bom viu sua criatividade, se eu fosse você assinava logo o plano para remover a propaganda da Fabapp heheheh. Já imagino o sucesso e o êxito que vc vai ter quando lançar.

Abraços

1 Curtida

Meu App já está publicado faz mais de 1 ano.
Esse é somente uma versão que utilizo para testar novas funções, layout, etc…

1 Curtida

Bacana! Bem elaborado, gostei!