Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17662
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como usar ícones do google fonts no site

19-12-2016 17:47

Nesse post vou dar uma dica de como usar ícones em lugar de figuras no site.
Esse método deixa o site mais rápido e bonito.

O método para usar ícones em lugar de gif ou jpg no site é bem simples. Basta você fazer uma chamada do fonts.googleapis entre as tags head do documento com o seguinte código:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Em seguida fazer uso do ícone desejado.

Por exemplo, para reproduzir o ícone do android na página você pode deve fazer o seguinte:

<i class="material-icons">android</i>

Lógico não esquecendo sempre de ter uma chamada da folha de estilo acima.

Para alterar o ícone no material-icons basta alterar o valor da tag i

Você pode encontrar uma lista de ícones para material-icons nesse link https://google.github.io/material-design-icons/

Basta ver o nome para o ícone e substituir. Por exemplo:

<i class="material-icons">code</i> <i class="material-icons">alarm on</i> <i class="material-icons">alarm off</i>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado