Problemas com Fontes x Domínio no blogger

[Juh Garmonbozia 0]

Bom, criei um layout para um blog do blogger, tudo lindo, tudo configurado.

Personalizei algumas coisas do layout com fontes específicas, como o título dos posts e dos gadgets da sidebar, com código font-face.

Acontece que quando eu configuro um domínio .com.br no blog, estas fontes param de funcionar.

O código continua lá, íntegro, sem problemas, mas as fontes não funcionam. Alguém sabe me dizer porque isso aconteceu e como arrumar???

 

 

O código é este:

@font-face {
   font-family: 'BauhausMdBTBold';
   src: url('https://sites.google.com/site/dellasigns/bauhausb-webfont.eot');
   src: url('https://sites.google.com/site/dellasigns/bauhausb-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://sites.google.com/site/dellasigns/bauhausb-webfont.woff') format('woff'),
        url('https://sites.google.com/site/dellasigns/bauhausb-webfont.ttf') format('truetype'),
        url('https://sites.google.com/site/dellasigns/bauhausb-webfont.svg#BauhausMdBTBold') format('svg');
   font-weight: normal;
   font-style: normal;

 

E o código de configuração para os títulos dos posts é este:

 

#top {
height:360px;
margin:0px 0px ;
position:relative;
background:url(http://i44.tinypic.com/1zqy5q9.png) bottom repeat-x;
font-family:'BauhausMdBTBold';
}

 

 

Pooooor favor, me ajudem!

[Diéssica 140]

Estranho..

 

E o blog sem o domínio .com.br, com o mesmo código, funciona as fontes certinho?

 

Já pensou na hipótese de estar algo linkado ao endereço anterior? Revisar é sempre bom...

[Juh Garmonbozia 0]

Sim sim, se eu retiro as configurações de domínio as fontes voltam a funcionar normalmente!

 

Eu pensei nisso, de algo estar linkando com o endereço anterior, mas não achei nada. Ao menos no código que coloquei acima não tem nada.

 

Não faço ideia do que pode estar errado =/

[Diéssica 140]

Tu pode tentar assim, apesar de não fazer muito sentido, pode funcionar.

 

1. Faz um arquivo CSS chamado fontes.css

2. No arquivo fontes.css, coloca o seguinte código:

@font-face {
   font-family: 'Bauhaus';
   src: url('https://sites.google.com/site/dellasigns/bauhausb-webfont.eot');
   src: url('https://sites.google.com/site/dellasigns/bauhausb-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://sites.google.com/site/dellasigns/bauhausb-webfont.woff') format('woff'),
        url('https://sites.google.com/site/dellasigns/bauhausb-webfont.ttf') format('truetype'),
        url('https://sites.google.com/site/dellasigns/bauhausb-webfont.svg#BauhausMdBTBold') format('svg');
}

3. Coloca um link para o fontes.css como stylesheet

<link href='fontes.css' rel='stylesheet' type='text/css'>

4. Daí tu usa assim no font-family, por exemplo

body {
    font-family: 'Bauhaus', Arial, sans-serif;
}

 

Primeiro faça um teste no domínio e depois coloque no documento, em #top, como você fez.

 

Tente uma vez DELETANDO o @font-face atual e outra deixando-o.

 

Outra opção (a mais fácil e que mais pode ajudar) é você ir nas Fontes do Google API e achar essa fonte, daí você só linka como stylesheet, que o Google mesmo gera. Por exemplo:

http://fonts.googleapis.com/css?family=Baumans

 

Teste linkando assim:

<link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>

 

E:

body {
    font-family: 'Baumans', Arial, sans-serif;
}

 

É importante que você teste com outra fonte, então faça o teste com os códigos e a fonte acima.