@fonte-face

[PHP_desenvolvimento 2]

Olá galera tudo joia?

 

Estou com um problema chatissimo com o font-face no IE8, IE9 e Safari ! Fiz todas as configurações corretas para rodar o font-face conforme abaixo:

 

@font-face { 
		font-family: "league gothic", League Gothic;
		src: url("../fonts/league_gothic.eot"); /* para IE */
	    src: local("../fonts/league_gothic.ttf"), url("../fonts/league_gothic.ttf") format("opentype");
	}
	
body, html{
		bottom: 0;
		margin: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding: 0;
		font-size: 12px;
		font-family: "league gothic", League Gothic;
	}

 

No IE 10, Chrome, Firefox funciona ! Agora no IE9, IE8 e safari não funciona alguem poderia me dar uma luz de como resolver este problema, link do site: http://nrserver36.net/~portalii/ Aguardo !

[William Bruno 1501]

gera o teu font face por esse site aqui:

 

http://www.fontsquirrel.com/tools/webfont-generator

 

 

ele vai fazer certinho e te devolver um zip com todos os formatos necessários.

[PHP_desenvolvimento 2]

Muito bom ajudou muito no script mas mesmo assim no IE8, e IE9 não funciona ! Não sei o que pode ser já fucei de todas as formas e não vai ! Até mesmo o script que o site gerou lê no IE8 e IE9 alguma dica aonde pode estar o problema???

[Bru_ce 53]

Tente colocar neste formato e veja se funciona:

 

 

CSS

 

@font-face {
font-family: Avant;
src: url(../font/Avant.eot);
}
@font-face {
font-family: Avant;
src: url(../font/Avant.woff);
}
@font-face {
font-family: Avant;
src: url(../font/Avant.ttf);
}
@font-face {

font-family: Avant;
src: url(../font/Avant.svg);
}

 

 

Ou desta maneira:

 

@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('webfont.woff') format('woff'), /* Modern Browsers */
    url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

 

Para usar:

 

body {
font-family: 'MyFontFamily', Fallback, sans-serif;
}

[PHP_desenvolvimento 2]

Dá primeira forma que você mostrou não deu só para para os outros browser agora a segunda só pega para o IE9 e IE8 ! parece piada !

[Bru_ce 53]

Faça então como o william disse,
gere as fontes compatíveis com o browser no site à seguinte.

 

Referência: http://www.fontsquir...bfont-generator

[PHP_desenvolvimento 2]

Pessoal resolveu para todos os browser menos para o modo de compatibilidade do internet Explore 8 da seguinte forma

 

@font-face { 
	font-family: "league_gothicregular", league gothic, League Gothic, league_gothicregular;
    src: url('../fonts/league_gothic-webfont.eot');
	 font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family: "league_gothicregular", league gothic, League Gothic, league_gothicregular;
	src: url('../fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype');	
	 font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'league_gothicregular';
    src:     url('../fonts/league_gothic-webfont.woff') format('woff');
	 font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'league_gothicregular';
    src:     url('../fonts/league_gothic-webfont.ttf') format('truetype');
	 font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'league_gothicregular';		 
    src:     url('../fonts/league_gothic-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	
body, html{
		font-family: "league_gothicregular", league gothic, League Gothic, league_gothicregular;
		bottom: 0;
		margin: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding: 0;
		font-size: 12px;
	}

Valeu !