font-face hjælp

Umiddelbart vil mit bud være at Nilland, din font, ikke har en "bold" udgave, og derfor bliver vist ganske normalt sålænge den bliver vist.

Firefox downloader ikke din font(hos mig i hvert fald), og viser derfor den næste i rækken, Verdana, og gør den bold fordi det er default for h2-tags.

I første omgang kan du sætte font-weight:normal; på dine h2-tags for at undgå fed-effekten.

Jeg har lige prøvet at se dit site i browserlab, det virker som om at at der kun er få browsere der forstår din font-face css.
De browsere som ikke kan se din skriftype er:
FF3.0. IE6, IE7, IE8, FF2.0

Dem som KAN se den er : FF3.5, safari og chrome.

Så der må være et eller andet der skal rettes til.. jeg håber du finder løsningen. måske her:

	@font-face {  
  font-family: " your FontName ";  
  src: url( /location/of/font/FontFileName.eot ); /* IE */  
  src: local(" real FontName "), url( /location/of/font/FontFileName.ttf ) format("truetype"); /* non-IE */  
}  
 
/* THEN use like you would any other font */  
.yourFontName { font-family:" your FontName ", verdana, helvetica, sans-serif;  
}  

Det er fordi du i din CSS bruger den fulde sti i stedet for en relativ. shafh.dk må ikke hente indhold fra www.shafh.dk og omvendt.

@font-face {
font-family: 'NillandRegular';
src: url('http://www.shafh.dk/image/nilland-webfont.eot');
src: local('Nilland'), url('http://www.shafh.dk/image/nilland-webfont.woff') format('woff'), url('http://www.shafh.dk/image/nilland-webfont.ttf') format('truetype'), url('http://www.shafh.dk/image/nilland-webfont.svg#webfontk5xC46O5') format('svg');
font-weight: normal;
font-style: normal;
}

og

<link rel="stylesheet" type="text/css" href="http://www.shafh.dk/style.css">

Det du prøver på virker ikke.

Hvis du vil have en 'custom' font ville jeg forslå du bruger sIFR. http://www.mikeindustries.com/blog/sifr

Du kan se examples her http://www.mikeindustries.com/blog/files/sifr/2.0/

Prøv denne

http://www.fontsquirrel.com/

@Jan >> prøv cufon til fonts næste gang, det er sååååå meget skønnere.

/J

Hej.
Tak for hjælpen alle sammen.
Jeg har kikket lidt på alle jeres løsninger, men endte på at kikke på Michael Larsens (Gnu)'s side.

De har en fontface generator:
http://www.fontsquirrel.com/fontface/generator

Jeg uploadede min TrueType fil, og så gav den en zip fil hvor den var konverteret til underlige formater såsom woff og eot, samt en demo.

Demoen virkede forrygende, så brugte deres css kode (css koden benytter sig af alle formaterne).

Så det har jeg gjort.
Gider folk at bekræfte mig i at det ser rigtigt ud:
http://www.shafh.dk/nyshafh/

Også nogle der gider tjekke det i Internet Explorer. Køre linux, så har ikke rigtig fået testet det i Microsoft browseren.

Peter: Hans site virker faktisk fint i både IE6 og IE8 når jeg ser den (har ikke testet i IE7). Måske er det fordi du bruger browserlab og ikke de rigtige browsere.

Det virker selvfølgelig ikke i FF 3.0 og ældre, da den slet ikke understøtter nogen former for downloadable fonts, men hvem er også interesseret i at understøtte disse gamle versioner?

@Jesper,

hmm det var da mærkeligt, gad vide om der så er noget i konstruktionen af den CSS der gør at det svigter i browserlab.
Tror du det har indvirkning på nogen slutbrugeres visning eller er metoden han bruger bare bullet-proof, og så virker den bare ikke i browserlabs?

Edit: jeg kan egenlig godt se at det virker hvis jeg bruger Browsershots istedet. men det virker ikke som om at det kommer helt 360 omkring alle browsere, men hvis man kører efter top 10 browsere virker det. så undskyld, my bad :-D

MEN problemet er bare at hvis font-face virkelig virker, med de hacks der og den skal sælges ind hos designerne som erstatning for cufon. så skal den ¤%¤!¤$! også bare virke :-|

Hej Peter og Jesper.
Hmm ja ej noget bæh. Har også bemærket at siden heller ikke benytter fonten i firefox hvis man besøger hjemmesiden på adressen http://shafh.dk/ mens den jo ser perfekt ud med http://www.shafh.dk/

Jeg prøver lige at rette lidt for se om jeg kan finde en løsning, men ellers tror jeg at jeg vil gå over til billeder, for at opnå størst mulig understøttelse. Nogen undertitler kan være fortsat bliver via font-face.

Om et øjeblik prøver vi lige igen...