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)
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.
• 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.)