Fonts looks different in Firefox and Chrome

by

For the ChunkFive font from FontSquirrel, specifying “font-weight: normal;” stopped Firefox’s rendering from looking like ass when used in a header. Looks like Firefox was trying to apply a fake bold to a font that only has one weight, while Chrome was not.

More Related Contents:

  1. :not() selector not behaving the same between Safari and Chrome/Firefox
  2. Is there any “font smoothing” in Google Chrome?
  3. Font-size issues comparing chrome and Firefox
  4. -webkit-font-smoothing property has no effect in Chrome
  5. Are eot, ttf, and svg still necessary in the font-face declaration?
  6. Same font except its weight seems different on different browsers
  7. How to style a select tag’s option element?
  8. How to apply specific CSS rules to Chrome only?
  9. Wait for fonts to load before rendering web page
  10. What does the forward slash mean in the CSS font shorthand?
  11. Freeze screen in chrome debugger / DevTools panel for popover inspection?
  12. Create webfont with Unicode Supplementary Multilingual Plane symbols
  13. Google chrome a:visited background image not working
  14. Font size in CSS – % or em? [duplicate]
  15. What does it mean when a CSS rule is grayed out in Chrome’s element inspector?
  16. How do I stop Chrome from yellowing my site’s input boxes?
  17. Webfont Smoothing and Antialiasing in Firefox and Opera
  18. Firefox ignores padding when using overflow:scroll
  19. Faster way to develop and test print stylesheets (avoid print preview every time)?
  20. Chrome renders colours differently from Safari and Firefox
  21. Changing an input’s HTML5 placeholder color with CSS does not work on Chrome
  22. Make text height 100% of div?
  23. Non-Standard fonts in web?
  24. Hide Up & Down Arrow Buttons (Spinner) in Input Number – Firefox 29
  25. How do I style a specific word with CSS in an HTML element?
  26. Chrome & Safari Error::Not allowed to load local resource: file:///D:/CSS/Style.css
  27. Image moves on hover when changing filter in chrome
  28. Ellipsis in flexbox container [duplicate]
  29. @media query not working in mobile. Works fine in Chrome
  30. filter: blur(1px); doesn’t work in Firefox, Internet Explorer, and Opera

Leave a Comment