W3.CSS fontes
Tornar a web lindo!
Com W3.CSS é extremamente fácil de adicionar novas fontes a uma página da web.
- Muito fácil de usar (apenas CSS e HTML)
- uso ilimitado de bibliotecas de fontes externas (como o Google Fonts)
- Funciona em todos os navegadores modernos
Usando uma classe Font
Tornar a Web!
Na cabeça da sua página web (ou em sua folha de estilo), crie uma classe de fonte:
Exemplo
.w3-myfont {
font-family: "Comic Sans MS", cursive, sans-serif;
}
No corpo da sua página web, use o nome da classe:
Usando fontes externas
Na cabeça da sua página web, incluem uma fonte externa, e dar a fonte de uma classe:
Exemplo
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
<style>
.w3-tangerine {
font-family: 'Tangerine', serif;
}
</style>No corpo da sua página web, use o nome da classe:
mais Exemplos
Tornar a Web!
Exemplo
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster">
Tente você mesmo " Tornar a Web!
Exemplo
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster&effect=brick-sign">
Tente você mesmo " Tornar a Web!
Exemplo
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Allerta+Stencil">
Tente você mesmo "  | se efeitos de fonte não funcionar no Internet Explorer 9 e versões anteriores. |
|---|
Mudando a página Font
Na cabeça da sua página web (ou em sua folha de estilo), depois de ter carregado w3.css, mudar o estilo de html e do corpo:
Exemplo
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<style>
html , body {
font-family: "Comic Sans MS", cursive, sans-serif;
}
</style>
Tente você mesmo "