@ font face

[LaDiva 0]

Estou com dificuldades de mudar a fonte de um template.

Abri uma pasta "fonts" no meu diretorio e coloquei lá os arquivos .eot e woff das fontes que eu escolhi, também substitui no html todas as tags com o nome da fonte escolhida...

A fonte é AmerikaSans e seu nome como arquivos de fontes é amersn.eot e amersn.woff respectivamente.

Já fiz o teste de puxar a fonte usada no template (marvel) no diretorio do meu site e ela não foi reconhecida.

Ajuda!

 

Segue código css

 

 

@font-face {
    font-family: Marvel;
    src: local("Marvel"), local("Marvel-Regular"), url(http://themes.googleusercontent.com/static/fonts/marvel/v3/rQKzmESGGi6gyMeVaFWl9Q.eot) format("embedded-opentype"), url(http://themes.googleusercontent.com/static/fonts/marvel/v3/L2PPfTze83vDMefumW3xvw.woff) format("woff");
    font-weight: 400;
    font-style: normal;

 

obrigada!

[Mateus Avila Isidoro 8]

mande o link para eu visualizar. Está faltando um } no final. Mas mesmo assim, mande o link pra mim, que eu consigo te ajudar.

[LaDiva 0]

http://www.xandreliazevedo.com.br/teste/incial.htm

 

na inicial estou testando a fonte, nas outras páginas está a fonte do template.

 

grata!

[Giovani 104]

O caminho de chamada da fonte está certo? A fonte não está corrompida? Onde você você gerou essas fontes?

 

E outra, olhando bem rápido teu código vi dois doctypes, por que isso?

Tabelas...você tá fazendo teu site com tabelas. Sabes que isso não é o ideal, certo?

[LaDiva 0]

independente de minhas fontes estarem corrompidas, baixei a fonte usada (que funciona no template) e não funcionou buscando-a em meu diretorio, é nisso que gostaria de saber onde estou errando, ou se meu código tem algum erro.

mesmo assim agradeço as perguntas, elas me ajudaram a refletir, mas ainda não consegui resolver a minha dúvida.

[angelorubin 142]

Boa tarde,

 

Veja se isso ajuda - http://forum.wmonline.com.br/topic/231779-importando-fontes-com-font-face/

[Diéssica 140]

Não está dando suporte ao .ttf?

Está utilizando o Google Web Fonts?

[LaDiva 0]

amigo, já li e reli tópicos, fóruns, tudo sobre o assunto... ainda não encontrei solução.

os formatos de fontes que estou usando são .eot e woff.

ainda esperando por uma iluminação... quase desistindo...

[Diéssica 140]

Não precisa desistir. :(

Vou dizer como solucionar, mas importante lembrar que estou desconsiderando que o seu código apresenta MUITOS PROBLEMAS. Mas isso não vem ao caso agora e nem interfere na solução.
Se puder, valide seu código HTML e CSS no Validator W3C. Você inclusive duplica o CSS e só altera o nome, sendo que pode utilizar o mesmo para todas as páginas (falarei sobre no final do post).

Seguinte, analisei o código de todas as páginas do site.

Página inicial (que apresenta o problema):
CSS :seta: http://www.xandreliazevedo.com.br/teste/incial_arquivos/css.css
.style6 (classe que determina a fonte do menu):

.style6 {font-family: AmerikaSans; font-size: 24px; color: #FFFFFF; }

Página "músicas" (que vale para todas as outras também):
CSS :seta: http://www.xandreliazevedo.com.br/teste/musicas_arquivos/css.css
.style6 (classe que determina a fonte do menu):

.style6 {font-family: Marvel; font-size: 24px; color: #FFFFFF; }

E a classe .style8, que falarei sobre a alteração a seguir, também está diferente dos outros modelos de página.

Ou seja, as regras estão diferentes para as páginas. Para resolver, na página inicial, em <style>, altere:

 

.style6 {font-family: AmerikaSans; font-size: 24px; color: #FFFFFF; }
.style8 {
	font-family: AmerikaSans;
	font-size: 40px;
	color: #FFFFFF;
}

 

Para:

 

.style6 {font-family: Marvel; font-size: 24px; color: #FFFFFF; }
.style8 {
	font-family: Marvel;
	font-size: 40px;
	color: #FFFFFF;
}

 

(Não sei da onde você tirou essa AmerikaSans, já que as outras páginas não apresentam nada declarando a fonte.)

E altere também o CSS fazendo o link com a fonte Marvel através do @font-face. É o único CSS de todas as páginas que não possui @font-face. Se alterar apenas as classes e não linkar o @font-face, não vai funcionar. :seta: http://www.xandreliazevedo.com.br/teste/incial_arquivos/css.css

Quando você alterar o incial_arquivos/css.css, todas as suas páginas, oficialmente, terão um CSS igual em <link>. Por que você não facilita a manutenção e melhora a performance e deixa apenas um CSS para todos, já que são iguais?

Espero ter ajudado. :bye:

[LaDiva 0]

Ajudou sim, Diéssica, também tinha pensado em deixar somente um css... vou fazer isso!

 

Minha parte de programação é falha, trabalho mais com layout, arte e etc, por isso a minha dificuldade em coisas óbvias em desenvolvimento de códigos e etc, sei que está longe do ideal.

 

O que eu queria fazer mesmo era mudar a fonte do site de "marvel" para "amerikasans" (ou qualquer outra fonte), por isso fiz um teste somente na página incial.

 

Não tenho nenhum problema com esta fonte marvel, só queria mudá-la para outra, mudar o layout e é justamente isso que não consigo.

 

Fico muito grata pela sua ajuda e boa vontade! :thumbsup:

[Hoch 1]

Use o fontSquirrel(http://www.fontsquirrel.com/tools/webfont-generator), deve ajudar, caso ele consiga converter você poderá usar no seu site.

[André do Vale 76]

Sugiro utilizar os formatos .eot, .svg, .ttf e .woff para importação de fontes. Para isto, utilize um conversor de qualidade, como o do CodeAndMore (em minha opinião, muito melhor e mais simples do que o FontSquirrel): http://fontface.codeandmore.com/

 

O site irá lhe entregar um arquivo compactado com todos os tipos citados, mais um HTML exemplificando o uso (onde você pode aplicar em seu site).