Como fazer uma lista de fontes para a sua html5 e css3 páginas web baseadas
Video: Curso de HTML5 - 17 - Fontes em CSS3 - by Gustavo Guanabara
Conteúdo
A incerteza de saber se suas fontes serão exibidas corretamente na sua página web HTML5 e CSS3 é frustrante, mas você pode ter algum controle. Você pode especificar uma lista inteira de nomes de fontes, se quiser. O navegador tenta cada fonte, por sua vez. Se ele não consegue encontrar a fonte especificada, ele vai para a próxima fonte e em baixo da linha.
Você pode escolher uma fonte que você sabe está instalado em todas as máquinas Windows, uma fonte encontrado em Macs, e, finalmente, encontrado em todas as máquinas Linux. O último tipo de letra na sua lista deve ser uma das fontes genéricas, assim você vai ter algum controle sobre o cenário de pior caso.
Essas fontes são comumente instalados em máquinas com Windows, Mac e Linux.
Video: Curso de HTML Básico #2 - Atributos, fonte e Cor de fundo
| janelas | Mac | Linux |
|---|---|---|
| Arial | Arial | Auréola Sans L |
| Arial Black | Arial Black | |
| Cómica Sans MS | Cómica Sans MS | TSCu_Comic |
| Courier New | Courier New | Auréola Mono L |
| Georgia | Georgia | Nimbus Roman No9 L |
| Console Lucida | Monaco | |
| Palatino | Palatino | FreeSerif |
| Tahoma | Genebra | Kalimati |
| Times New Roman | vezes | FreeSerif |
| MS Trebuchet | helvética | FreeSans |
| Verdana | Verdana | Kalimati |
Você pode usar este gráfico para obter uma lista de fontes para tentar. Por exemplo, olhe para o seguinte estilo:
p {font-family: "MS Trebuchet", Helvetica, FreeSans, sans-serif-}Video: Aula11 HTML CSS - fontes personalizadas com font-face
Este estilo tem uma miscelânea toda de opções. Primeiro, o navegador tenta carregar Trebuchet MS. Se for uma máquina Windows, esta fonte está disponível, de modo que um visualiza. Se isso não funcionar, o navegador tenta Helvetica. Se isso não funcionar, ele tenta FreeSans, uma fonte freqüentemente instalados em máquinas Linux. Se isso não funcionar, o padrão é o velho serif fiéis sans, que simplesmente escolhe uma fonte sem serifa.
Note que os nomes de fonte de mais de uma palavra deve ser envolto em aspas e vírgulas separar a lista de nomes de fontes.
Video: Curso Completo de HTML5 e CSS3 #Aula 06 - 3 Formas de Atribuir Fontes aos textos
Não fique muito estressado sobre fontes Linux. É verdade que as equivalências são mais difíceis de encontrar, mas os usuários do Linux tendem a cair em dois campos: Ou eles não se importam se as fontes são exatas, ou eles se importam e eles instalada fontes equivalentes que reconhecem os nomes comuns. Em ambos os casos, você pode se concentrar em Mac e Windows pessoas em sua maior parte.