Custom font virker ikke

[Keiseren av Grønland]

Jeg la nettopp inn følgende CSS:

@fontface

font-family: "bank gothic";

src: url(bank gothic);

}

 

p.customfont {

font-family: "bank gothic", bank gothic;

}

 

Fortsatt virker ikke formatet "font-family:'bank gothic';"

 

Jeg prøver å få teksten til å vises på www.undervisningsbyrået.no i fonttypen "Bank Gothic".

[PHPdude]

Jeg la nettopp inn følgende CSS:

@fontface

font-family: "bank gothic";

src: url(bank gothic);

}

 

p.customfont {

font-family: "bank gothic", bank gothic;

}

 

Fortsatt virker ikke formatet "font-family:'bank gothic';"

 

Jeg prøver å få teksten til å vises på www.undervisningsbyrået.no i fonttypen "Bank Gothic".

 

"src: url(bank gothic);" ser ut som en tvilsom URL til en font-fil. Foreslår at du går over og sjekker at det virkelig er riktig... Kan evt. være greit å bruke en absolutt URL til testing vertfall, og med Firebug, eller tilsvarende, kan du vel også se om nettleseren virkelig får lastet ned fonten.

[Keiseren av Grønland]

Jeg la nettopp inn følgende CSS:

@fontface

font-family: "bank gothic";

src: url(bank gothic);

}

 

p.customfont {

font-family: "bank gothic", bank gothic;

}

 

Fortsatt virker ikke formatet "font-family:'bank gothic';"

 

Jeg prøver å få teksten til å vises på www.undervisningsbyrået.no i fonttypen "Bank Gothic".

 

"src: url(bank gothic);" ser ut som en tvilsom URL til en font-fil. Foreslår at du går over og sjekker at det virkelig er riktig... Kan evt. være greit å bruke en absolutt URL til testing vertfall, og med Firebug, eller tilsvarende, kan du vel også se om nettleseren virkelig får lastet ned fonten.

 

Den hadde ingen filendelse.

Men hvis du sjekker med firebug nå, har jeg oppdatert URL til en TTF-fil. Fortsatt virker det ikke.

[agm]

Kan det hende det blir en feil pga mellomrommet midt i filnavnet? Prøv å sette gåsetegn rundt fontnavnet innenfor parentesene, så det blir url("bank gothic.ttf");

 

Når det er sagt, så er beste rutine for å ivareta nettleserstøtte noe ala dette:

 

@font-face {
font-family: 'Bank Gothic';
src: url('BankGothic.eot');
src: local('BankGothic'), local('Bank Gothic'), 
	url('BankGothic.woff') format('woff'), 
	url('BankGothic.ttf') format('truetype'), 
	url('BankGothic.svg#BankGothic') format('svg');
}

 

For å få konvertert til alle formatene, se FontSquirrel.

[Keiseren av Grønland]

Men jeg trenger ikke alle linjene der når jeg kun har én ttf-fil sant?

 

 

Hva er forskjellen på src url og src local?

[agm]

Men jeg trenger ikke alle linjene der når jeg kun har én ttf-fil sant?

Sant det. Greit med flere formater siden ikke alle nettlesere støtter alle formater - IE støtter f.eks. kun .eot (ikke .ttf).

 

Hva er forskjellen på src url og src local?

url peker til en fil, local peker til en allerede (lokalt) installert font.

 

local('BankGothic') vil hente en font som heter 'BankGothic' på maskinen (om den finnes), og du sparer da noe trafikk siden brukeren ikke trenger å laste ned fontfilen.

 

Håper det var greit forklart

[Keiseren av Grønland]

Det var helt fint forklart. Men det fungerer fortsatt ikke.

Se selv.