Почему этот текст (кириллица) в хроме выглядит как говно?
Сверху Firefox, снизу Google Chrome.
<!DOCTYPE HTML>
<html>
<head>
<title>Linux.org.ru | No Place For Normal</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="main.css" />
</head>
<body>
<header>
<h1>Главный вопрос:</h1>
<p>Почему этот текст выглядит как говно?</p>
<h1>Linux.org.ru:</h1>
<p>No Place For Normal</p>
</header>
</body>
</html>
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400&subset=cyrillic');
html, body, div, h1, p, header {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;}
header {
text-align: center;
font-family: "Source Sans Pro", sans-serif;
}
header h1 {
font-size: 2em;
line-height: 1.65;
margin: 1em 0 1em 0;
}
header p {
font-size: 1.25em;
font-weight: 300;
}
В связи с чем хром (средняя картинка) не рендерит кириллицу в теге «header p» таким же красивым образом, как фирефокс? Ведь латиницу рендерит нормально же.
Спасибо.
UPD: так ведь не только «header p», я присмотрелся к «h1» в кириллице тоже говно и не Source Sans Pro или что?
UPD2: код на картинке в редакторе и приведенный выше уже отличается, но всё равно не работает.
