Search code examples
cssgoogle-webfonts

Why are my Google Web Fonts pixelated?

I am trying to use google fonts in a simple website. The tag that I am using is 

 <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css' >

The css is 

body {

  padding: 0;
  text-align: center;

  line-height: 180%;

  background: #1a2426;
  color: #f7f7f7;

  font-family: 'Lobster', serif;

}

The problem is that the font looks pixelated when I pull it up in Chrome. I was wondering if anyone could explain why?

Example

Solution

  • It's not a problem of browser it's problem of windows.

    Check this https://graphicdesign.stackexchange.com/questions/265/font-face-loaded-on-windows-look-really-bad-which-font-are-you-using-that-are