Helvetica è considerato un carattere “ sicuro per il Web ”?

Non solo Helvetica non è sicuro, ma è anche un carattere protetto da copyright , quindi è necessaria una licenza per utilizzarlo se lo carichi come webfont.

In effetti, non esistono caratteri web sicuri al 100% , poiché dipenderà sui caratteri che lutente ha sul proprio dispositivo e diversi sistemi operativi hanno diversi set di caratteri. Quindi, devi fare qualcosa del genere:

p{font-family:Arial, Helvetica, sans-serif} 

Altrimenti, il tuo sito verrà visualizzato con il carattere predefinito che lutente ha impostato, ad esempio, Times New Roman .

Se vuoi giocare sul sicuro, ti consiglio questa risorsa piuttosto ingegnosa: CSS Font Stack . Qui puoi vedere i caratteri “più sicuri” , la percentuale di utilizzo da parte del sistema operativo e persino il codice da utilizzare, comprese le alternative di riserva

Commenti

• scusa, ma lUX non riguarda la casualità, ma il controllo. Potrebbe piacerti di più a volte , ma è puramente soggettivo come dici tu, e certamente non è qualcosa da consigliare
• @Devin Sono daccordo. Pur menzionando il carattere in Css, dovrebbe essere cambiato come p {font-family: Helvetica, Arial, sans-serif}. Il carattere principale dovrebbe venire prima se le parti interessate preferiscono questo tipo di carattere e successivamente dobbiamo aggiungere caratteri di sistema come Arial n sansarif
• Perché tutti i commenti sui diritti dautore e sul caricamento dei caratteri web? La domanda chiede di font web-safe che (per definizione) sono già presenti sul dispositivo dellutente finale. La domanda non esprime alcun desiderio di caricare i caratteri web.
• CSS Font Stack è carino ma mostra solo i caratteri installati sul desktop Windows e OS X.
• Qualche buona lettura su Helvetica in Windows. Link

Come menzionato non esiste un carattere web sicuro. Ma cè un modo per caricare i caratteri mancanti dal tuo server tramite luso di @ font-face . @ font-face è stato introdotto per la prima volta in CSS2, include tipi di file di riserva ed è ampiamente supportato . Questa non sarebbe una soluzione al 100%, ma sarebbe più promettente che dipendere dalla selezione del font della macchina.

Per prima cosa dovresti mettere il file sul tuo server come un normale file statico ospitato. Potresti dover configurare i tipi MIME del tuo server web in modo che gestisca correttamente il file e non tenti di fare in modo che il manuale del client lo scarichi.

Quindi implementeresti il codice nel tuo foglio di stile che assomiglia a il seguente. Tieni presente che questi sono solo alcuni dei formati possibili. Non è necessario utilizzarli tutti. Ma se non elimini il riferimento al file per evitare un ritardo non necessario causato dalla risorsa mancante.

@font-face { font-family: "MyWebFont"; src: url("webfont.eot"); /* IE9 Compat Modes */ src: url("webfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("webfont.woff2") format("woff2"), /* Super Modern Browsers */ url("webfont.woff") format("woff"), /* Pretty Modern Browsers */ url("webfont.ttf") format("truetype"), /* Safari, Android, iOS */ url("webfont.svg#svgFontName") format("svg"); /* Legacy iOS */ } 

Dopodiché assegneresti il carattere al tuo elemento. Se vuoi provare a usare la tua versione di Helvetica usa qualcosa del tipo:

font-family: "MyWebFont", Helvetica, sans-serif; 

Se il font-face non può essere caricato, tenterà di usare la macchina “s Helvetica e se fallisce tenterà di caricare sans-serif. Inoltre puoi scambiare il tuo carattere e il carattere della macchina. Ma non salverà la tua larghezza di banda perché caricherà ancora i tuoi caratteri una volta caricato il foglio di stile.

Ultimo ma soprattutto Helvetica non è un font gratuito. Dovrai acquistare una licenza per il suo utilizzo. Linotype ti venderà i font web necessari e la licenza dal loro sito web. Il prezzo si basa sulle visualizzazioni di pagina. Ma una volta acquistato, è completamente legale incorporarlo nella tua pagina web o app web.

essere accessibile su qualsiasi dispositivo

In realtà non esiste qualcosa come “disponibile su qualsiasi dispositivo”.

Se non stai usando i font incorporati, allora devi usare uno stack di font, in modo da avere alcune opzioni di backup nel caso in cui il primo non sia disponibile.

Helvetica non fa parte di alcun set di caratteri predefinito di Windows, quindi è probabile che gli utenti di Windows vedano un altro carattere secondario. Se questo non ti preoccupa, usa Helvetica.

Commenti

• Il carattere Arial è standard su tutte le versioni di Windows (dalla v3.1) e presenta sostanzialmente le stesse caratteristiche di layout; lutilizzo di Arial come riserva per Helvetica darà quindi sostanzialmente lo stesso aspetto (detto con le dovute scuse a quegli appassionati di font che conoscono e si preoccupano delle differenze). Vedi en.wikipedia.org/wiki/Arial
• Windows non è lunico sistema operativo, don ' t dimenticare tutti gli altri. Altri potrebbero non avere Arial.
• Arial non è presente per impostazione predefinita in molte distribuzioni Linux, ad esempio.