Portanto, aqui está uma captura de tela de como a "Helvetica Neue" está renderizando para mim no meu PC com Windows 7, Chrome Version 46.0.2490.86, uma página HTML de arquivo simples, observe a URL da barra de localização na imagem:
EaquiestátodooarquivoHTML:
<h4style="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>
Eu não tenho o "Helvetica Neue" instalado no meu computador Windows 7 em C: \ Windows \ Fonts:
UsandooFontExpertparaaprofundar,comoc:\Windows\Fontsnemsempremostratodasasfontesinstaladas,aindanãoháumafonte"Helvetica Neue" instalada:
OHelveticaNeuenãoémostradoemchrome://settings/fonts:
Afamíliadefontesprocessadaédefato"Helvetica Neue" de acordo com as Ferramentas do desenvolvedor do Google Chrome:
VocêpodeverqueaHelveticaéboa,semsurpresas,eaquiestáaguiaComputadadoChromedaHelvetica:
AquivocêpodeverminhasconfiguraçõesdoGoogleChromecomopadrão"Times New Roman" se a fonte não existir e não houver outras fontes na família de fontes CSS:
AquivemosHelveticaNeuerenderizadonoElCapitanMacSafari:
Aquiestáomesmoproblemausandoumhistórico,configurações,marcadores,etc.completamentelimposcom" Nova sessão do Chrome ":
EvocêpodevernasnovasferramentasparadesenvolvedoresdesessãodoChromequeafontecomputadade"Helvetica Neue" ainda é Helvetica Neue:
AquiestáoFirefoxnaminhamáquina,eledizqueafontecomputadade"Helvetica Neue" é Helvetica Neue, embora pelo menos a fonte esteja clara e legível e, não surpreendentemente, seja da mesma fonte que "NotAFont". A coluna computada das ferramentas do Firefox Developer não informa a fonte real usada como as ferramentas do Chrome Developer:
MeuDPIé96,minharesoluçãodetelaé1920x1080.
Portanto,écomprovadoqueofont-facenãoestáinstaladonodiretórioWindows/Fontsemminhamáquinaetambémprovouqueafontenãoestásendoentregueparamimapartirdoservidornaformadeum.woff,.ttf,arquivo.eotou.svg.
Soluçõesquetentei:
1)AdicionandooseguinteaC:\Usuários\YOURUSERNAME\AppData\Local\Google\Chrome\Dadosdousuário\Padrão\UserStyleSheets\Custom.css:
@font-face{font-family:'helveticaneue';src:local('Arial');}@font-face{font-family:'helveticaneue';font-weight:bold;src:local('Arial');}@font-face{font-family:'HelveticaNeue';src:local('Arial');}@font-face{font-family:'HelveticaNeue';font-weight:bold;src:local('Arial');}
Referênciasàprimeirasoluçãoquetentei link
link
2) Adicionando o seguinte à minha página test.html com base em arquivo que estou usando nesta pergunta:
<style>
html, body {
text-rendering: optimizeSpeed !important;
}
</style>
Referência para a solução 2)
link
Uma sugestão interessante nos comentários deste artigo: link
It's because you use Helvetica Neue wich is meant for print not for web display. Go buy yourself a Helvetica font that is actually meant for web - Neue Haas Grotesk. This is Helvetica done right for web ;)
É verdade que "Helvetica Neue" se destina a impressão? Em caso afirmativo, por que é tão prevalente em web design?
Como é possível que a guia Ferramentas computacionais do desenvolvedor do Chrome diga que a fonte computada é "Helvetica Neue"?
Como o Chrome está encontrando o "Helvetica Neue" em algum lugar, por que ele é tão mal renderizado?