Para atribuir uma família de fontes para parte da 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.

Video: (CSS) Como poner cualquier tipografia/fuente en tu web ( @Font-Face )

Aqui está o código:

Este é um título
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 um título.

 h1 {font-family: "Cómica Sans MS"-}

Você pode então anexar qualquer nome da fonte que você deseja, e o navegador tenta usar essa fonte 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.

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

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, porque tende a fazer sua página olhar amador.