Fonte helvetica com CSS

[eduardo-ca 0]

Pessoal,

 

Estou desenvolvendo um site com a fonte Helvetica. Mas não estou conseguindo fazer as fontes aparecerem corretamente. Tenho 4 arquivos .ttf, como anexar no arquivo css?

 

Obrigado desde já

[Marco Bruno 19]

Olá, eduardo-ca.

 

@font-face{
font-family: helveticaneue;
src: url('HelveticaNeueLTStd-UltLt.otf');
}

 

Na primeira linha você define o nome da font a ser importada.

Na segunda linha você inclue o caminho de onde será feito o download da font (no exemplo o arquivo da font esta no mesmo nível de pasta do css).

 

Após o "@font-face" você pode usar como uma font comum:

p { font: 12px helveticaneue, sans-serif; }

 

Caso tenho mais curiosidade acesse o post do Tableless (http://tableless.com.br/font-face-fonts-externas-na-web/) foi de onde tirei o exemplo acima.

 

Sucesso!

Abraço.

[Giovani 104]

O site a seguir ajuda: http://www.fontsquirrel.com/fontface/generator

[André do Vale 76]

Helvetica é fonte proprietária. Você possui os direitos para utilizá-la no código do site?

[eduardo-ca 0]

Fiz como você falou MABSBR.

 

Funcionou no Chrome e no Safari. Mas no Firefox não.

 

Se alguém souber como resolver no Firefox...

 

Obrigado

 

 

---

 

Surgiu outra dúvida.

 

Para colocar a versão bold, como fazer?

 

Tentei fazer assim e não funcionou:

@font-face{
font-family: helveticaneue;
src: url('HelveticaNeueLTStd-UltLt.otf');
}

@font-face{
font-family: helveticaneueBold;
src: url('HelveticaNeueLTStd-UltLtBold.otf');
}

[nikeweiand 1]

Use o gerador automático do site:

http://www.fontsquirrel.com/

 

Ele deixa o código redondinho para tds navegadores...