Goedemorgen,

Ik ben bezig met een menu en dit lukt me best wel goed.
Het gaat om de Roboto font van Google.

Alleen:
- In Google Chrome is de font mooi en smooth.
- Maar in Mozilla Firefox is de font super lelijk, niet smooth en je ziet meer van de letter-spacing..

Weet iemand hoe dit komt en hoe ik het beter kan maken?
Want door dit heb ik ook iets minder ruimte aan de andere kant van mijn balk. (is niet te zien heb de foto's kleiner gemaakt)

Alvast bedankt :)

Chrome:


Mozilla:
Al een CSS-reset toegevoegd? Jammer dat het nodig is, maar voorkomt vaak dit soort problemen: http://cssreset.com/ van Eric Meyer. En die weet waar hij over praat.

Lijkt me niet dat dat helpt.
Is dat niet gewoon een (normaal) verschil in renderingswijze van de browsers?
Zou het inderdaad wel kunnen, wel pittig jammer dan.. :/
Het leven van een webdesigner gaat niet over rozen ;-)
Haha maar wel over uiterlijk van het design toch? ;)
Dat wel :) Je zult het dus óf moeten accepteren óf een andere oplossing moeten verzinnen ...
Je kunt nog een paar dingen proberen:

• Controleer in de developer tools van Mozilla of überhaupt wel Roboto wordt gebruikt. Door een strenge same-origin policy kan het laden van fonts en CSS van andere domeinen worden geblokkeerd.

• Heb je Roboto onder Windows of iOS geïnstalleerd? Verwijder die versie dan eens, zodat de webfont wordt gebruikt. (Niet aan te bevelen bij Android, want Roboto is het systeemlettertype.)

Download de versie van Font Squirrel en gebruik die in plaats van de Google-webfont.

• Voorkom naamconflicten door in @font-face een andere naam dan Roboto te declareren.
• Ja, Mozilla Firefox gebruikt wel de font, want als ik Roboto verwijder in mijn css springt ie naar Arial.

• Nee, Roboto staat niet op mijn laptop geïnstalleerd.

• Bedankt voor de link heb nu alle lettertypen omgetoverd naar die van Fonts Squirrel.
Maar ik zie geen verschil :(

• Nee, dit is niet van toepassing.
Plaats een het stuk css waar je dit font inlaadt.

Reageren