Ir para o conteúdo

Font-Face


Criado por Marco Rougeth, Out 29 2010 00:50

3 respostas neste tópico
  • Por favor, faça o login para responder

#1 Marco Rougeth

Marco Rougeth
  • Marco Rougeth
  • Colaborador
  • 2 Revisões

Revisou 29 outubro 2010 - 00:50

/*
    local: verifica se o usuário já tem a font disponível localmente(site carrega mais rápido).
    url: endereço da font no servidor.
*/
@font-face {
    font-family: nome_da_fonte;
    src: local(nome_da_fonte.otf), url(nome_da_fonte.otf);
}
/*
    Usando:
*/
h1 {
font: 36px nome_da_fonte, Arial, Tahoma, Sans-serif;
}
Exemplo

Referência: Tabeless

#2 Bruno

Bruno
  • Bruno
  • Colaborador
  • 33 Revisões

Revisou 29 outubro 2010 - 16:08

site gerador de @font-face:

http://www.fontsquir...tface/generator

#3 Bruno Alano

Bruno Alano
  • Bruno Alano
  • Colaborador
  • 1 Revisões

Revisou 02 maro 2011 - 11:38

@font-face {
	font-family: 'NomeDaFonte';
	src: url('NomeDaFonte.eot');
	src: local('☺'), url('NomeDaFonte.woff') format('woff'), url('NomeDaFonte.ttf') format('truetype'), url('NomeDaFonte.svg#webfontCg7ZQgsV') format('svg');
	font-weight: normal;
	font-style: normal;
}

Este é um modelo que funciona nos navegadores: Firefox 2+, Chrome 6+, Opera 7+, IE 6+ e outros.
É importante utilizar o FontSquirrel para gerar estas fontes em diversos formatos.

#4 Giovani

Giovani
  • Giovani
  • Colaborador
  • 44 Revisões

Revisou 27 julho 2011 - 10:55

Apenas pra registro:
IE7+ aceitam apenas as fontes com terminação EOT.
Firefox, Chrome e Safari aceitam ttf e otf.




1 usuário(s) está(ão) lendo este código

1 membro(s), 0 visitante(s) e 0 membros anônimo(s)