CSS @font-face

Ik ben bezig met een lay-out, en ik heb een custom font nodig...

@font-face {
    font-family: MineCrafter3;
    src: url("fonts/MineCrafter3.ttf");
}

Zo gebruik ik het:

header a h1 {
        font: 18px MineCrafter3;
}

Google DevTools toont dat het font succesvol geladen is, maar wanneer ik klik voor een preview, zie ik een ander font?

Alvast bedankt.

Je moet denk ik "" rond de naam doen.

En how about debugging?

Nee, helaas.

Wat bedoel je met debuggen?

Maartenf schreef:

Nee, helaas.

Wat bedoel je met debuggen?

http://nl.wikipedia.org/wiki/Debuggen

Ja, ik weet ook wat debuggen is, en als je even mijn post doorgelezen had, wist je dat ik dat al gedaan heb.

Maartenf schreef:

Ja, ik weet ook wat debuggen is, en als je even mijn post doorgelezen had, wist je dat ik dat al gedaan heb.

Met FireBug / element inspecteren.

En heb je het ook al in andere browsers getest?

Ik heb al

Antonn schreef:

Eerdere citaten tonen

Maartenf schreef:

Ja, ik weet ook wat debuggen is, en als je even mijn post doorgelezen had, wist je dat ik dat al gedaan heb.

Met FireBug / element inspecteren.

En heb je het ook al in andere browsers getest?

Ik heb al element inspecteren gedaan. Nu heb ik getest met een ander font, en het werkt. Jammer genoeg heb ik het vorige font echt wel nodig. Iemand ideeën?

Maartenf schreef:

Ik heb al

Antonn schreef:

Eerdere citaten tonen

Maartenf schreef:

Ja, ik weet ook wat debuggen is, en als je even mijn post doorgelezen had, wist je dat ik dat al gedaan heb.

Met FireBug / element inspecteren.

En heb je het ook al in andere browsers getest?

Ik heb al element inspecteren gedaan. Nu heb ik getest met een ander font, en het werkt. Jammer genoeg heb ik het vorige font echt wel nodig. Iemand ideeën?

Stap 1: Geef een voorbeeld
Stap 2: Geef relevante code
Stap 3: Maak topic

Je bent een stap vergeten.

Alemaalte schreef:

Eerdere citaten tonen

Maartenf schreef:

Ik heb al

Eerdere citaten tonen

Antonn schreef:

Eerdere citaten tonen

Maartenf schreef:

Ja, ik weet ook wat debuggen is, en als je even mijn post doorgelezen had, wist je dat ik dat al gedaan heb.

Met FireBug / element inspecteren.

En heb je het ook al in andere browsers getest?

Ik heb al element inspecteren gedaan. Nu heb ik getest met een ander font, en het werkt. Jammer genoeg heb ik het vorige font echt wel nodig. Iemand ideeën?

Stap 1: Geef een voorbeeld
Stap 2: Geef relevante code
Stap 3: Maak topic

Je bent een stap vergeten.

Een voorbeeld? Dat is in dit geval overbodig. Ik ben ervan overtuigd dat er in dat geval voldoende informatie aanwezig is.

En nu back to topic, anders report.

Maartenf schreef:

En nu back to topic, anders report.

Ja want dit heeft totaal niets met het probleem te maken en zou er ook niet voor kunnen zorgen dat het werkt.

Ik zou een voorbeeld wel handig vinden zodat ik eens langs kan gaan met mijn FireBug.

En hoe reageert die in andere browsers?

Het heeft ondertussen helemaal niets meer te maken met CSS, maar het ligt aan het font. Misschien bestaat er een manier om het te veranderen ofzo?

Je CSS is wel fout.

src: url("fonts/MineCrafter3.ttf") format(truetype);

Maartenf schreef:

Eerdere citaten tonen

Alemaalte schreef:

Eerdere citaten tonen

Maartenf schreef:

Ik heb al

Eerdere citaten tonen

Antonn schreef:

Eerdere citaten tonen

Maartenf schreef:

Ja, ik weet ook wat debuggen is, en als je even mijn post doorgelezen had, wist je dat ik dat al gedaan heb.

Met FireBug / element inspecteren.

En heb je het ook al in andere browsers getest?

Ik heb al element inspecteren gedaan. Nu heb ik getest met een ander font, en het werkt. Jammer genoeg heb ik het vorige font echt wel nodig. Iemand ideeën?

Stap 1: Geef een voorbeeld
Stap 2: Geef relevante code
Stap 3: Maak topic

Je bent een stap vergeten.

Een voorbeeld? Dat is in dit geval overbodig. Ik ben ervan overtuigd dat er in dat geval voldoende informatie aanwezig is.

En nu back to topic, anders report.

Moest er genoeg informatie zijn dan was je probleem al opgelost, denk je niet?

Als we niet zelf kunnen zien waarom het niet werkt gaan we je niet kunnen helpen.

Met Font Face is de bedoeling dat het font in meerdere browsers en apparaten goed zichtbaar is en dat font blijft behouden. Wanneer jij alleen de .TTF in laadt zal hij deze in elke browser dan wel apparaat pakken.

Gooi je font eens door deze generator heen dan krijg je alles wat je nodig hebt.