LINUX.ORG.RU

Гуру вёрстки, ваш выход!

 , ,


0

1

Почему этот текст (кириллица) в хроме выглядит как говно?

https://imgur.com/J5Gw1p5

Сверху 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: код на картинке в редакторе и приведенный выше уже отличается, но всё равно не работает.

Попробуй Noto Sans. Обычно в Хромуле рендеринг шрифтов хуже.

FilosofeM ★★ ()
Последнее исправление: FilosofeM (всего исправлений: 1)
Ответ на: комментарий от FilosofeM

спасибо, а что не работает в данном конкретном случае с Source Sans Pro?

Bruce_Lee ★★ ()
Ответ на: комментарий от FilosofeM

включена и было бы странно, если бы из-за этого не работала именно кириллица, ведь латиница в хроме рендерится нормально.

Bruce_Lee ★★ ()

А можете посмотреть в старых Chrome? До 66.
Далеко не гуру, но натыкался что 67й как-то иначе стал inherit шрифтам делать. Настолько иначе, что пришлось для 67 явно шрифт указывать в css.

Deleted ()

А что, гуглофонтс уже разбанили?

r3lgar ★★★★★ ()
Ответ на: комментарий от Deleted

не могу и люди, которые будут пользоваться сайтом тоже не смогут, скорее всего

пришлось для 67 явно шрифт указывать в css

а в сабже не так?

Bruce_Lee ★★ ()
Ответ на: комментарий от r3lgar

у меня и не банили, но в любом случае в фирефоксе же ок.

Bruce_Lee ★★ ()
Ответ на: комментарий от Bruce_Lee

А ещё может быть на кириллицу наложили санкции. xD

В любом случае, я уже давно не гуру вёрстки. (%

r3lgar ★★★★★ ()

Решено. Был конфликт с установленными локально этими же шрифтами, удолил и теперь нормально импортит с гуглофонтса.

Bruce_Lee ★★ ()
Ответ на: комментарий от Bruce_Lee

Нет, не так.
До 66го были ровные символы на странице. В 67ом сломались и запрыгали. Вставил явно в класс прыгающего div шрифт - починилось. В FF и было, и есть всё ровно, без явного шрифта.

И сам не разбирался сильно в причинах, и в интернетах ответы не искал. Заработало и заработало. И чудненько.
Если бы ваш случай подтвердил изменения на границе 66/67 - был бы повод тщательнее посмотреть не одного ли поля ягоды.

Поглядываю за этой вашей веткой, вдруг кто что интересного скажет здесь о шрифтах в действующем Chrome.

Deleted ()
Ответ на: комментарий от Deleted

Поглядываю за этой вашей веткой, вдруг кто что интересного скажет здесь о шрифтах в действующем Chrome.

Верстаю макет, а в макете используется шрифт Nexa (NexaLight, NexaBold, etc), так вот его тоже Chrome и Chromium неправильно отображает. Но в моем случае, наверное, или макет кривой, или Adobe Creative Cloud различает не правильно шрифты. Нужно будет вечером проверить в другом браузере, а я то не помню как в других, и посмотреть.

CryNet ★★★★ ()
Ответ на: комментарий от Bruce_Lee

Решено. Был конфликт с установленными локально этими же шрифтами, удолил и теперь нормально импортит с гуглофонтса.

Хм, а как же это взаимосвязано?

CryNet ★★★★ ()
Ответ на: комментарий от CryNet

в локально установленных шрифтах нет 300 жирности для кириллицы, удаление локально установленных шрифтов целиком и полностью решило проблему, нет времени разбираться подробнее.

Bruce_Lee ★★ ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.