Utilização da Helvetica Neue num sítio Web

Normalmente, eu uso "Helvetica Neue" para as fontes em alguns sites, embora olhando para outros sites, eu vi alguns com "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue".

Há alguma razão para referirmos Helvetica Neue desta forma? Ou devo manter o normal que uso?

Author: user1505209, 2012-08-22
Source

3 answers

Estão a usar uma abordagem de "caçadeira" para referenciar a fonte. O navegador tentará corresponder o nome de cada tipo de letra com quaisquer tipos de letra instalados na máquina do utilizador (pela ordem em que foram listados).

No seu exemplo "HelveticaNeue-Light" será tentado primeiro, se esta variante do tipo de letra não estiver disponível o navegador irá tentar "Helvetica Neue Light" e finalmente "Helvetica Neue".

Tanto quanto sei {[[2]} não é considerado um 'tipo de letra seguro da web', o que significa que não poderá contar com a sua instalação para todo o seu utilizador basear. É bastante comum definir "serif" ou "sans-serif" como uma posição default final.

Para usar tipos de letra que não sejam 'web safe', terá de usar uma técnica conhecida como incorporação de tipos de letra. Os tipos de letra incorporados não precisam ser instalados no computador de um usuário, em vez disso eles são baixados como parte da página. Esteja ciente de que isso aumenta a carga útil geral (assim como uma imagem faz) e pode ter um impacto nos tempos de carga de página.

Um grande recurso para fontes livres com licenças de código aberto é O Google Fonts . (Você ainda deve verificar licenças individuais antes de usá-las. Cada tipo de letra tem um link de download com instruções sobre como incorporá-los em seu site.

 17
Author: Red Taz, 2013-12-23 16:06:01
Eu recomendaria este artigo sobre truques CSS de Chris Coyier intitulado "melhor Helvetica".

Http://css-tricks.com/snippets/css/better-helvetica/

Ele basicamente recomenda a seguinte declaração para cobrir todas as bases: 
body {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
}
 34
Author: Billy Moat, 2012-08-22 09:46:46

Supondo que tenha referenciado e integrado correctamente o seu tipo de letra no seu site (presumivelmente usando um kit @font-face), não há problema em referenciar o seu como faz. Presumivelmente, é assim que eles têm recuos em alguns navegadores não rendem as fontes corretamente

 0
Author: Andrew Morris, 2012-08-22 09:41:32