Итак, вот скриншот того, как плохо "Helvetica Neue" рендерится для меня на моем ПК с Windows 7, версия Chrome 46.0.2490.86, простая HTML-страница файла, обратите внимание на URL-адрес строки адреса на изображении:
А вот и весь HTML-файл:
<h4 style="font-family: 'Helvetica Neue';">Helvetica Neue:</h4>
<div style="width: 500px;color:#000;font-family: 'Helvetica Neue';">
Lorem ipsum dolor sit amet, ius at esse nonumy similique,
ea quo erat mollis. Quo mucius legendos appellantur et. Eum cetero verterem cu.
Ex mei stet dolorum, mei perpetua disputando in. Mei affert eruditi consetetur et,
has in sumo fugit scaevola. Te eros illud veniam quo, minimum antiopam eu mei.
</div>
<br />
<h4 style="font-family: Helvetica">Helvetica</h4>
<div style="width: 500px;color:#000;font-family: Helvetica">
Lorem ipsum dolor sit amet, ius at esse nonumy similique,
ea quo erat mollis. Quo mucius legendos appellantur et. Eum cetero verterem cu.
Ex mei stet dolorum, mei perpetua disputando in. Mei affert eruditi consetetur et,
has in sumo fugit scaevola. Te eros illud veniam quo, minimum antiopam eu mei.
</div>
<h4 style="font-family: NotAFont">NotAFont</h4>
<div style="width: 500px;color:#000;font-family: NotAFont">
Lorem ipsum dolor sit amet, ius at esse nonumy similique,
ea quo erat mollis. Quo mucius legendos appellantur et. Eum cetero verterem cu.
Ex mei stet dolorum, mei perpetua disputando in. Mei affert eruditi consetetur et,
has in sumo fugit scaevola. Te eros illud veniam quo, minimum antiopam eu mei.
</div>
У меня не установлен Helvetica Neue на моем компьютере с Windows 7 в папке C:\Windows\Fonts:
Использование Font Expert для углубленного изучения, так как c:\Windows\Fonts не всегда отображает все установленные шрифты, все еще нет установленного шрифта Helvetica Neue:
Helvetica Neue не отображается в chrome://settings/fonts:
По данным Chrome Developer Tools, отображаемое семейство шрифтов действительно "Helvetica Neue":
Вы можете видеть, что Helvetica хорошо отрисовывается, здесь нет сюрпризов, а вот вычисленная вкладка Chrome для Helvetica:
Здесь вы можете видеть, что мои настройки Chrome будут по умолчанию "Times New Roman", если шрифт не существует, и нет других шрифтов в семействе шрифтов CSS:
Здесь мы видим, что Helvetica Neue отлично работает на El Capitan Mac Safari:
Вот та же проблема с использованием абсолютно чистой истории, настроек, закладок и т.д. С « New Chrome Session »:
И вы можете увидеть в новых инструментах разработчика Chrome Session, что компьютерный шрифт для "Helvetica Neue" по-прежнему является Helvetica Neue:
Вот Firefox на моей машине, он говорит, что шрифт Computed для "Helvetica Neue" - это Helvetica Neue, хотя, по крайней мере, шрифт отображается ясно и читабельно, и, что неудивительно, это тот же шрифт, что и "NotAFont", это означает, что столбец Computed Инструменты разработчика Firefox не сообщают вам фактический шрифт, используемый инструментами Chrome Developer:
Мой DPI - 96, разрешение экрана - 1920 x 1080.
Таким образом, доказано, что font-face не установлен в каталоге Windows/Fonts на моем компьютере, а также доказано, что шрифт не доставляется мне с сервера в виде .woff, .ttf, .eot, или .svg файл.
Решения, которые я попытался:
1) Добавление следующего в C:\Users\YOURUSERNAME\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css:
@font-face { font-family: 'helvetica neue'; src: local('Arial'); }
@font-face { font-family: 'helvetica neue'; font-weight:bold; src: local('Arial'); }
@font-face { font-family: 'Helvetica Neue'; src: local('Arial'); }
@font-face { font-family: 'Helvetica Neue'; font-weight:bold; src: local('Arial'); }
Ссылки на первое решение, которое я пытался выполнить https://productforums.google.com/forum/#!topic/chrome/J4dqHZD3dcs https://www.youtube.com/watch?v=fjk1dAR0Z5w
2) Добавление следующего на мою страницу файла test.html, которую я использую в этом вопросе:
<style>
html, body {
text-rendering: optimizeSpeed !important;
}
</style>
Ссылка на решение 2)https://productforums.google.com/forum/#!topic/chrome/J4dqHZD3dcs
Интересное предложение в комментариях к этой статье: http://www.hanselman.com/blog/InstallHelveticaNeueFontsWithGoogleChromeOnWindowsConsideredHarmful.aspx
Это потому, что вы используете Helvetica Neue, который предназначен для печати, а не для веб-отображения. Купите себе шрифт Helvetica, который на самом деле предназначен для веб - Neue Haas Grotesk. Это Helvetica сделано правильно для сети;)
Правда ли, что "Helvetica Neue" предназначена для печати? Если так, почему это так распространено в веб-дизайне?
Как это возможно, что вкладка Chrome Developer Tools Computed говорит, что вычисляемый шрифт - "Helvetica Neue"?
Так как Chrome где-то находит "Helvetica Neue", почему он так плохо рендерится?