Normalmente, utilizzo "Helvetica Neue" per i tipi di carattere in alcuni siti Web, anche se guardando altri siti, ho visto alcuni con "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue".Utilizzo di Helvetica Neue in un sito Web
C'è qualche motivo per fare riferimento a Helvetica Neue in questo modo? O dovrei attenermi al normale che uso?
Stanno prendendo un approccio 'shotgun' per riferirsi al font. Il browser tenterà di associare ciascun nome di carattere a qualsiasi carattere installato sulla macchina dell'utente (nell'ordine in cui sono stati elencati).
Nell'esempio "HelveticaNeue-Light" verrà provato per primo, se questa variante di carattere non è disponibile il browser proverà "Helvetica Neue Light" e infine "Helvetica Neue".
Per quanto ne so, "Helvetica Neue" non è considerato un "carattere sicuro per il Web", il che significa che non sarà possibile fare affidamento sull'installazione per l'intera base utenti. È abbastanza comune definire "serif" o "sans-serif" come posizione di default finale.
Per utilizzare i caratteri che non sono "sicuri per il Web", è necessario utilizzare una tecnica nota come incorporamento dei caratteri. I caratteri incorporati non devono essere installati sul computer di un utente, ma vengono scaricati come parte della pagina. Si noti che questo aumenta il payload complessivo (proprio come fa un'immagine) e può avere un impatto sui tempi di caricamento della pagina.
Una grande risorsa per i caratteri gratuiti con licenze open source è Google Fonts. (Dovresti comunque controllare le singole licenze prima di utilizzarle.) Ogni font ha un link per il download con le istruzioni su come incorporarle nel tuo sito web.
Supponendo di aver fatto riferimento e di aver correttamente integrato il carattere sul tuo sito (presumibilmente usando un kit @ font-face), dovrebbe essere giusto fare semplicemente riferimento al tuo come fai tu. Presumibilmente è così che hanno fall backs in alcuni browser non rendono i font correttamente
Bene Mi rifugio Abbiamo aggiunto Helvetica Neue come kit @ font-face. Sarebbe meglio se lo facessi? – user1505209
Sì, è necessario, Helvetica non sarà un font web standard, il che significa che non renderà disponibile per molti browser. Dovresti comprare una licenza per il font e generare un kit @ font-face per esso. Sebbene alcuni caratteri siano stati effettivamente limitati dal loro creatore contro la trasformazione in font web –
Nessuno lo fa a causa del prezzo della licenza web di circa $ 1k. È preferibile utilizzare un altro font come fallback o carattere completamente diverso. A meno che non stiate lavorando su un sito veramente grande e degno. – actimel
mi consiglia questo articolo su trucchi CSS da Chris Coyier intitolato Meglio Helvetica:
http://css-tricks.com/snippets/css/better-helvetica/
Egli raccomanda in sostanza la seguente dichiarazione per la copertura di tutte le basi:
body {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
}
Grazie! Sì, ho notato il suo articolo e mi sono chiesto perché in questo modo si riferisse a Helvetica Neue. – user1505209
@BillyMoat, perché alcuni nomi di font sono tra virgolette e altri no? è destinato a essere così? –
@ Ĭsααct ի εβöss Questo è necessario solo per quelli che hanno uno spazio in loro – Julix
Yeh, non penso che sia una web safe ma è un grande font. C'è un posto dove puoi scaricare il font web e un kit @ font-face? O devi avere una licenza? – user1505209
Helvetica Neue non è presente in Linux o in Windows. L'approccio più sicuro consiste nell'utilizzare uno stack completo: 'font-family:" Helvetica Neue ", Helvetica, Arial, sans-serif' – depa
@ user1505209 Helvetica Neue è un font che dovrebbe essere concesso in licenza. Tieni presente che molti degli acquisti di "carattere web" includono restrizioni sul numero di volte in cui un font può essere "visualizzato".Questo può variare su base mensile o conteggio totale. Se si dispone di un sito ad alto traffico, questo può essere estremamente costoso: http://www.linotype.com/1266/NeueHelvetica-family.html?site=webfonts&format=ot-cff&branding=pro. Se vuoi un'alternativa gratuita, puoi provare Liberation Sans: http://graphicdesign.stackexchange.com/a/15464 – haxxxton