Chrome Font appears Blurry

by

I fixed this issue by subtracting 0.5px from the value of the Y-axis. So instead of doing:

transform: translateX(-50%) translateY(-50%);

I did this:

transform: translateX(-50%) translateY(calc(-50% - .5px));

This solved it for me and I find this a cleaner solution then fiddling around with the percentage or using Javascript.

More Related Contents:

  1. How to remove focus border (outline) around text/input boxes? (Chrome) [duplicate]
  2. How can I force WebKit to redraw/repaint to propagate style changes?
  3. What is a user agent stylesheet?
  4. Remove blue border from css custom-styled button in Chrome
  5. How to style a select tag’s option element?
  6. Google Chrome Printing Page Breaks
  7. See :hover state in Chrome Developer Tools
  8. How to apply specific CSS rules to Chrome only?
  9. Is there any “font smoothing” in Google Chrome?
  10. Freeze screen in chrome debugger / DevTools panel for popover inspection?
  11. less.js not working in chrome
  12. Background Image for Select (dropdown) does not work in Chrome
  13. Google chrome a:visited background image not working
  14. Chrome Developer Tools: How to find out what is overriding a CSS rule?
  15. Webkit CSS to control the box around the color in an input[type=color]?
  16. Webkit bug with `:hover` and multiple adjacent-sibling selectors
  17. Font-size issues comparing chrome and Firefox
  18. What does it mean when a CSS rule is grayed out in Chrome’s element inspector?
  19. How do I stop Chrome from yellowing my site’s input boxes?
  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. How to reset / remove chrome’s input highlighting / focus border? [duplicate]
  23. font-face with wrong MIME type in Chrome
  24. Print Background colours in Chrome
  25. Custom.css has stopped working in 32.0.1700.76 m Google Chrome update
  26. how to override font boosting in mobile chrome
  27. Using “word-wrap: break-word” within a table [duplicate]
  28. chrome : how to turn off user agent stylesheet settings?
  29. -webkit-font-smoothing property has no effect in Chrome
  30. How to Make Select Element be Transparent in Chrome?

Leave a Comment