Почему мои веб-шрифты Google пиксельные?

Я пытаюсь использовать шрифты Google на простом веб-сайте. Тег, который я использую, -

CSS -

body {

  padding: 0;
  text-align: center;

  line-height: 180%;

  background: #1a2426;
  color: #f7f7f7;

  font-family: 'Lobster', serif;

}

Проблема в том, что шрифт выглядит пиксельным, когда я открываю его в Chrome. Мне было интересно, может ли кто-нибудь объяснить, почему?

Пример