How to get smooth Google fonts?
It can depend on what browser you are using.
I tend to use:
-webkit-font-smoothing: antialiased;or if you have blurry bold text:
-webkit-filter: blur(0.000001px);on webkit browsers.
Alternatively, you can add a text-shadow to make the text seem smoother
html, html a { text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }I also recommend you try different font sizes as some custom fonts will only look good at certain sizes.
Other than that, there isn't much you can do apart from use another font. Google Chrome did just release an update for smoother fonts. It might also be useful to look at svg fonts:
I solved this issue, using google fonts like SVG:
<style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic'); </style>