Kjapp og trygg hosting for Wordpress

@font-face fungerer ikke i Firefox

Tonny Kluften

Administrator
Jeg bruker @font-face og fonten Grimsby på People meet People | People meet People

I IE7 og 8 + Chrome vises den, men i Firefox vises den ikke. Har noen av dere en anelse om hvorfor den ikke vises i FF?

Koden jeg bruker i CSS.

Kode:
@font-face {
	font-family: 'Grimsby';
	src: url('http://www.peoplemeetpeople.no/wp-content/themes/twentyeleven/fonter/grimsby_hand-webfont.eot');
	src: local('☺'), url('http://www.peoplemeetpeople.no/wp-content/themes/twentyeleven/fonter/grimsby_hand-webfont.woff') format('woff'), url('http://www.peoplemeetpeople.no/wp-content/themes/twentyeleven/fonter/grimsby_hand-webfont.ttf') format('truetype'), url('http://www.peoplemeetpeople.no/wp-content/themes/twentyeleven/fonter/grimsby_hand-webfont.svg#webfontkcEis6zk') format('svg');
	font-weight: normal;
	font-style: normal;
}

Takk for hjelp!
 

Bjørnar

Gründer
har du prøvd med relativ sti til fonten, i stedet for over http?

edit: de få eksemplene jeg fant ved søking nå, bruker kun relativ sti, derfor forslaget.
 
Sist redigert:

Dag Frogner

Supermedlem
Har ingen kjapp løsning på problemet ditt, men slik ser det ut hos meg og det fungerer 100%

@font-face {
font-family: "Museo500";
font-style: normal;
font-weight: normal;
src: local("☺"), url("font/museo500-regular-webfont.woff") format("woff"), url("font/museo500-regular-webfont.ttf") format("truetype"), url("font/museo500-regular-webfont.svg#webfontRreod9Kl") format("svg");
 

Tonny Kluften

Administrator
har du prøvd med relativ sti til fonten, i stedet for over http?

edit: de få eksemplene jeg fant ved søking nå, bruker kun relativ sti, derfor forslaget.

Da har jeg prøvd det og det virker igjen. Veldig pussig da, det virket før med absolutt sti. Men det er jo Internett i et nøtteskall, noen ganger blir ting pussige helt av seg selv.

Men takk igjen for et supert tips.
 
Topp