Tipografia na Web

Olá caro leitor!

Desenvolvendo o site da empresa Contactus, encontramos um problema: em alguns computadores ou sistemas operacionais podem não possuir a letra que escolhemos para nosso site, dessa maneira desconfigurando todo o site. Para resolver esse problema foi necessário muita pesquisa, mas no final o problema foi sanado.
Até a próxima.
Gabriela Cunha

Você também tem dúvidas sobre como configurar a fonte de um site? Aprenda aqui com a gente: 

Tipografia na web sempre foi um sonho para todo designer. Alguns designers que trabalharam durante muito tempo com impressão se sentem presos com web por conta da limitação de escolha das fonts. A tipografia é parte importante na criação de peças gráficas e na web isso não poderia ser diferente. Mesmo assim, não havia uma maneira ‘inteligente’ de utilizar uma fonts que não seja padrão do sistema operacional do usuário na criação de layouts para web. Iniciativas como TypeKite Sifr quebram o galho mas não são o ideal.

A regra do CSS chamada @font-face é uma das funcionalidades que foram mais aguardadas. Ela permite que você utilize famílias de fonts fora do padrão do sistema. Veja abaixo a sintaxe:

[cc lang="css"]
@font-face {font-family: helveticaneue;src: url(‘HelveticaNeueLTStd-UltLt.otf’);}[/cc]
p {
font:36px helveticaneue, Arial, Tahoma, Sans-serif;
}
[/cc]
[cc lang="css"]
@font-face {
font-family: helveticaneue;
src: local(HelveticaNeueLTStd-UltLt.otf), url(HelveticaNeueLTStd-UltLt.otf);
}
[/cc]


Na primeira linha você define um nome para a font importada.
Na segunda linha, você inclue o endereço de onde a font se encontra. Para facilitar, crie uma pasta font dentro da pasta onde está o CSS.

Feito isso, você a utiliza como qualquer outra font:

[cc lang="css"]

Suponhamos que você queira oferecer a font para os usuário que não a possuem instalada, mas para aqueles usuários que tem a font em seus sistema, o browser utiliza a cópia local do usuário.

Até a próxima.

Gabriela Cunha