Fontes W3.CSS
Verdana é a fonte padrão usada no W3.CSS. Verdana tem um bom espaçamento entre letras e é fácil de ler. Verdana também é a fonte padrão do W3Schools.
Segoe UI é a fonte padrão para títulos. Segoe UI tem um espaçamento de letras mais estreito. Isso permite mais algumas letras nos títulos.
Usando outra fonte padrão
Usar outra fonte padrão no W3.CSS é muito fácil:
Exemplo
body, h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
}
Usando classes de fontes
Com W3.CSS você pode usar 4 diferentes classes de fontes internas:
- w3-serif
- w3-sans-serif
- w3-monoespaço
- w3-cursiva
Isso é w3-serif
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
Exemplo
<p class="w3-serif">
Este é w3-sans-serif
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
Exemplo
<p class="w3-sans-serif">
Este é w3-monospace
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
Exemplo
<div class="w3-monospace">
Isso é w3-cursive
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
Exemplo
<div class="w3-cursive">
Fontes sem serifa seguras para a Web
| Família de fontes | Retorno seguro |
|---|---|
| Arial | Helvética, sem serifa |
| helvética | Arial, sem serifa |
| Verdana | Genebra, sem serifa |
| Genebra | Verdana, sem serifa |
| tahoma | Arial, sem serifa |
| Trabuco MS | Arial, sem serifa |
Arial é considerada a fonte sans-serif mais segura da web. Está instalado em todas as máquinas Windows (99,8%) e todas as máquinas Mac (98,7%).
Helvetica é o substituto preferido porque as duas fontes são quase idênticas. O Helvetica é executado em todas as máquinas Mac (100%), mas em menos máquinas Windows (7,3%).
Usar Arial com fallback Helvetica ou Helvetiva com fallback Arial abrange os dois mundos.
Verdana também é considerada uma fonte sans-serif segura para a web. Ele roda em todas as máquinas Windows (99,8%) e em todas as máquinas Mac (99,1%).
Geneva é o substituto preferido de Verdanas, porque as duas fontes são bastante semelhantes, e Geneva é executada em todas as máquinas Mac (99,6%).
Tahoma era a fonte padrão no Windows 95. Funciona em 99,9% de todas as máquinas Windows e 91,7% de todas as máquinas Mac.
O Trebuchet MS foi lançado com todos os sistemas operacionais Windows (99,7%) desde o Microsoft Windows 2000. Também está incluído em máquinas Macs (97,1%), iOS e Chrome OS.
Fonte: pilha de fontes CSS
Isso é Arial
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
Exemplo
<style>
body, h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
}
</style>
Arial é classificado como o número 1 em uso na Web.
Isso é Helvética
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
Exemplo
<style>
body, h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, Arial, sans-serif;
}
</style>
A Helvetica está classificada como a número 2 em uso na Web.
Essa é a Verdana
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
Exemplo
body, h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Geneva, sans-serif;
}
Verdana é classificada como a número 3 em uso na Web.
Isso é Genebra
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
Exemplo
body, h1, h2, h3, h4, h5, h6 {
font-family: Geneva, Verdana, sans-serif;
}
Este é o Tahoma
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
Exemplo
body, h1, h2, h3, h4, h5, h6 {
font-family: Tahoma, "Trebuchet MS", sans-serif;
}
Este é Trabuco MS
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
Exemplo
body, h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", Tahoma, sans-serif;
}
Esta é a interface do usuário Segoe
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
Exemplo
body, h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Arial, sans-serif
}
Segoe UI é a fonte padrão no Windows 10. Também é a fonte de título padrão no W3Schools e W3.CSS.
Fontes com serifa seguras para a Web
| Família de fontes | Retorno seguro |
|---|---|
| Times New Roman | Tempos, serifa |
| Geórgia | serifa |
Times New Roman é considerada a fonte com serifa mais segura para a web. Funciona em todas as máquinas Windows (99,7%) e todas as máquinas Mac (97,4%).
Alguns sistemas operacionais mais antigos podem ter uma versão alternativa chamada Times , por isso é inteligente usar Times como fallback e serif.
A Geórgia também é considerada muito segura. É um pouco maior que o Times New Roman, mas funciona bem na maioria das máquinas Windows (99,4%) e máquinas Mac (97,5%).
Para estar no lado seguro, use serifa como fallback.
Isso é Times New Roman
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
Exemplo
body, h1, h2, h3, h4, h5, h6 {
font-family: "Times New Roman", Times, serif;
}
Esta é a Geórgia
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
Exemplo
body, h1, h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
}
Fontes Monoespaçadas
Em uma fonte monoespaçada, todas as letras ocupam a mesma largura.
Fontes monoespaçadas são frequentemente usadas para exibir código de computador.
| Família de fontes | Retorno seguro |
|---|---|
| Novo Correio | monoespaço |
| Console brilhante | Mônaco, monoespaço |
| Mônaco | Consola Lucida, monoespaçada |
Courier New é considerada a fonte monoespaçada mais segura para a web. Ele é instalado na maioria das máquinas Windows e Mac.
O Lucida Console não funciona no Mac. Mônaco não roda no Windows.
Uma solução é usar o Monaco como substituto para o Lucida Console.
Não existem fontes 100% seguras para a web, mas você sempre pode usar w3-monospace .
Este é w3-monospace
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
Exemplo
<div class="w3-monospace">
Este é o Correio Novo
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
Exemplo
body, h1, h2, h3, h4, h5, h6 {
font-family: "Courier New", monospace;
}
Esta é Lucida ou Mônaco
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
Exemplo
body, h1, h2, h3, h4, h5, h6 {
font-family: "Lucida Console", Monaco, monospace;
}
Fontes de manuscrito
Não há fontes de caligrafia seguras para a Web, mas você pode usar com segurança w3-cursive .
Isso é w3-cursive
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
A Noruega tem uma área total de 385.252 quilômetros quadrados e uma população de 5.438.657 (dezembro de 2020). A Noruega faz fronteira com a Suécia, Finlândia e Rússia ao nordeste, e o Skagerrak ao sul, com a Dinamarca do outro lado.
Exemplo
<div class="w3-cursive">