Como definir a família de fontes em HTML5 e CSS3 Páginas da Web

Para atribuir uma família de fonte para parte de sua página, use algum novo CSS. Como exemplo, esta página tem o título definido para Comic Sans MS. Se esta página é visualizada em uma máquina Windows, que geralmente exibe a fonte corretamente porque Comic Sans MS está instalado com a maioria das versões do Windows. Se você estiver em outro tipo de máquina, você pode obter algo mais. Veja o caso simples.

Aqui está o código:

comicHead.html

Esta é uma posição

Este é um texto comum.

O segredo para esta página é o atributo CSS. Como a maioria dos elementos CSS, isso pode ser aplicado a qualquer tag HTML em sua página. Neste caso particular, foi aplicado para o nível de um título.

 h1 {font-family: "Comic Sans MS" -}

Você pode em seguida, anexar qualquer nome da fonte que você deseja, e o navegador tenta usar esse tipo de letra para exibir o elemento.

Mesmo que uma fonte pode funcionar perfeitamente bem no seu computador, ele pode não funcionar, se essa fonte não está instalado na máquina do usuário.

image0.jpg

Se você executar exatamente a mesma página em um iPad, você pode ver este resultado.

image1.jpg

A Comic fonte específica Sans MS está instalado em máquinas Windows, mas o SENHORA significa Microsoft. Esta fonte não é sempre instalado no Linux ou Mac. (Às vezes ele está lá, e às vezes não é.) Você não pode contar com os usuários que têm quaisquer fontes particulares instalados.

A fonte Comic Sans é bom para um exemplo, mas tem sido fortemente sobre-utilizadas no desenvolvimento web. desenvolvedores web graves evitar usá-lo em aplicações reais, pois tende a fazer sua página olhar amador.

menu