Toggle navigation
bobmello.com
Sobre Nós
Contato
Para continuarmos ensinando.
Obrigado!
Para ter seu site de forma profissional
Contate-nos
×
Bobmello.com
css
Views:
1.621
Como usar Google Fonts
Básico de css
bobmello.com
Bobmello.com
Como usar Google Fonts : :
: : Bom dia!
Postado em:
11/04/2017
às
12:22:25 PM
Vote neste post
Avaliação 4.03 de 5.00
Total de Votos 40
Classificação
5
80% Complete (danger)
30.00%
12
4
80% Complete (danger)
57.50%
23
3
80% Complete (danger)
2.50%
1
2
80% Complete (danger)
5.00%
2
1
80% Complete (danger)
5.00%
2
Como usar as fontes do Google Fonts
Como Aparecerá na Tela
Título da Página
bobmello.com
esta é a font Roboto
bobmello.com
esta é a font Lucida Calligrafhy
bobmello.com
esta é a font Great Vibes
Código Fonte
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Título da Página</title> <!-- Última versão CSS compilada e minificada --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> <!-- Tema opcional --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> <!-- Última versão JavaScript compilada e minificada --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Lucida Calligraphy" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet"> <style> body {padding-top:50px;} a.classe1:link, a.classe1:active, a.classe1:visited {text-decoration:none; color:#d1d1d1;} a.classe2:link, a.classe2:active, a.classe2:visited {text-decoration:none; color:#f90;} a.classe3:link, a.classe3:active, a.classe3:visited {text-decoration:none; color:#934;} a.classe1:hover, a.classe2:hover, a.classe3:hover {text-decoration:none; color:#F30;} .font1 {color:#d1d1d1; font-size:20px;} .font2 {color:#f90; font-size:20px;} .font3 {color:#934; font-size:28px;} </style> </head> <body> <div class="container"> <div class="col-md-1"> </div> <div class="col-md-10 panel " style="border:solid thin #F60; padding:35px;"> <font class="font1" style="font-family: 'Roboto', sans-serif;"><a class="classe1" href="http://bobmello.com" target="_black">bobmello.com</a> esta é a font Roboto</font><br /><br /> <font class="font2" style="font-family: 'Lucida Calligraphy', cursive;"><a class="classe2" href="http://bobmello.com" target="_black">bobmello.com</a> esta é a font Lucida Calligrafhy</font><br /><br /> <font class="font3" style="font-family: 'Great Vibes', cursive;"><a class="classe3" href="http://bobmello.com" target="_black">bobmello.com</a> esta é a font Great Vibes</font><br /><br /> </div> <div class="col-md-1"> </div> </div> </body> </html>
Bobmello.com
Voltar
Veja também:
Link Relacionado
Link Relacionado
Comentários:
Como usar Google Fonts
Não há comentários no momento, seja o primeiro à comentar
Regras básicas
Os comentarios podem conter elogios ou criticas
Porem não serão tolerados agressões verbais e palavras de baixo calão.
Direcionamento dos comentarios
Os comentarios devem abster-se unicamente ao post em questão.
Da aprovação dos comentarios
Todos comentarios serão aprovados, elogios ou criticas, desde que sigam as normas estabelecidas.
Comentarios mostrados
Seram mostrados sempre os 20 últimos comentários, esse limite é para que a página não fique poluida com excesso de comentários.
Obrigado a todos
Comentem.
bobmello-ADM
Deixe seu comentário
Preencha os campos abaixo:
Nome:
E-mail:
Deixe seu comentário:
Voltar
