Font sul Web [duplicato]

Question

Questa domanda ha già una risposta qui:

• Come incorporare i caratteri in HTML? 6 risposte

La raccolta di caratteri a disposizione di uno sviluppatore web è deprimentemente limitata.Ricordo di aver letto molto tempo fa di TrueDoc, come un modo per spedire i caratteri insieme a un sito Web, ma sembra aver languito.Qualcuno ha usato questo o qualcosa di simile?È supportato da un numero sufficiente di browser?Mi sto perdendo una buona soluzione?

Tieni presente che uno sviluppatore web responsabile non utilizza caratteri disponibili solo su Windows (e particolarmente quelli disponibili solo su Vista), né utilizzano una tecnologia che non è supportata almeno dalla maggior parte dei browser.

---

Aggiornamento: Come hanno sottolineato diverse persone, non c'è niente di sbagliato nel fornire un elenco di caratteri di riserva per le persone che non dispongono del carattere specifico che utilizzi.In effetti lo faccio sempre e non intendevo suggerire che fosse sbagliato.

Sebbene la mia domanda fosse formulata male, quello che intendevo è che un designer non dovrebbe fare troppe ipotesi su ciò che il cliente avrà a disposizione.Dovresti pianificare il modo in cui tutti gli utenti vedranno il tuo sito, non solo le persone che utilizzano la tua configurazione preferita.

Answer 1

Safari e, in misura minore, Firefox 3 supportano @font-face in CSS, che ti consente di utilizzare caratteri personalizzati.Tuttavia è necessario disporre della licenza appropriata per distribuire i file dei caratteri.Questi articoli lo spiegano in modo più dettagliato:

• http://www.css3.info/preview/web-fonts-with-font-face/
• http://www.alistapart.com/articles/cssatten
• http://www.sitepoint.com/blogs/2008/07/30/custom-web-fonts-pick-your-poison/

Answer 2

Questo è un thread tempestivo;siamo passati ad Arial perché Calibri è MOLTO piccolo rispetto a tutti gli altri font di riserva!Mi ha fatto molto male passare ad Arial (gag) perché è una copia schifosa di Helvetica:

http://www.ms-studio.com/articles.html

Le difficoltà di dimensionamento (troppo grandi se si utilizza un carattere "c" come standard;troppo piccolo se vai con qualcosa di normale) sono descritti in dettaglio qui:

http://neosmart.net/blog/2006/css-vistas-new-fonts/

Mi mancherà molto il bellissimo aliasing RGB ottimizzato manualmente di Calibri, ma era semplicemente impossibile offrire una buona esperienza alla maggior parte degli utenti senza richiedere l'installazione di Calibri.È abbastanza comune, poiché viene fornito con Office 2007 (Win/Mac) e ovviamente Vista..ma è tutt'altro che universale, quindi è un po' irresponsabile fare molto affidamento su di esso per un pubblico web globale.

Answer 3

Ovviamente puoi usare SIFR.

Questo si degrada con garbo nei browser che non lo supportano ed è accessibile.

Non è proprio adatto per l'utilizzo su molto testo, ma per i titoli e per evidenziare il testo è perfetto.

Naturalmente questo è un modo per aggirare una limitazione intrinseca dei browser e del web in questo momento, ma quando non era così per la maggior parte delle tecnologie e tecniche web.

Answer 4

Puoi farlo con il nuovo @font-face dichiarazione disponibile nei CSS3.Ha un ottimo supporto per una funzionalità CSS3 (ad es.da IE4).

La sintassi generale è:

@font-face {
    src: url('percorso del tuo carattere') format('woff|ttf|svg|eot|…');
    font-family: il nome da utilizzare;
    font-weight: un peso opzionale;
    font-style: uno stile opzionale;
}

C'è anche un generatore disponibile che converte il carattere in più formati e crea il CSS appropriato.

Al giorno d'oggi, consiglierei di fornire solo un file WOFF;è conveniente, facile da creare.

Inoltre, assicurati di citare il nome del formato (ad es. format('woff'));altrimenti non funzionerà su Firefox.

Answer 5

Si noti che uno sviluppatore Web responsabile non utilizza caratteri disponibili solo su Windows (e in particolare quelli disponibili solo su Vista), né utilizza una tecnologia che non è supportata almeno dalla maggior parte dei browser.

Non c'è niente di sbagliato o scorretto nell'usare caratteri specifici di Windows/Vista, a patto che tu passi con garbo a un carattere ampiamente disponibile.Per esempio:

font-family: Calibri, Tahoma, Helvetica, Sans-Serif;

In effetti è proprio questo il punto!

Answer 6

CSS2 offre:

@font-face {
    font-family: Garamond;
    src: url(garamond.eot), url(garamond.pfr);
}

Answer 7

Tieni presente che uno sviluppatore web responsabile non utilizza caratteri disponibili solo su Windows (e soprattutto quelli disponibili solo su Vista), né utilizza una tecnologia che non sia supportata almeno dalla maggior parte dei browser.

Penso che questo non copra il punto.Non importerebbe se lo facessi;tutti otterrebbero qualcosa di sensato da poter leggere facilmente, e quelli che ne hanno bisogno possono comunque cambiare il carattere in quello che vogliono perché è solo testo e tutti i principali browser ti consentono di personalizzare il carattere che vedi indipendentemente dalle preferenze del progettista del sito.

Non c'è nulla di sbagliato nel suggerire caratteri nel tuo CSS che alcuni utenti non hanno;vedono semplicemente qualcosa di diverso da te.Diverso non è rotto.Non si chiederanno nemmeno perché stai utilizzando i caratteri predefiniti perché non sapranno che le altre persone vedono qualcosa di diverso.

Questo è il punto centrale dei set di caratteri:

Verdana, Arial, Helvetica, sans-serif

È una buona pratica proprio perché riconosce che le persone vedranno cose diverse.

Anche questa è una buona pratica:

Gill Sans, Verdana, Arial, Helvetica, sans-serif

Quindi la maggior parte delle persone non ha Gill: chi se ne frega?Ottengono un sito perfettamente buono a prescindere.

E andrebbe bene anche questo, ma un po’ strano e pigro:

Gill Sans

Il web design irresponsabile sta facendo cose come impostare il testo come immagini senza utilizzare il testo alternativo, senza utilizzare caratteri interessanti nei set di caratteri.

Answer 8

Supporta IE @font-face (è iniziato come la loro tecnologia proprietaria in MS Word). Ecco un post sul blog del team IE a riguardo appena circa un mese fa.

Answer 9

Tieni presente che uno sviluppatore web responsabile non utilizza caratteri disponibili solo su Windows (e soprattutto quelli disponibili solo su Vista), né utilizza una tecnologia che non sia supportata almeno dalla maggior parte dei browser.

Bene… Puoi, purché tu sappia come verrà visualizzato su sistemi operativi non Vista/non Windows.

Altrimenti:sì, @font-face nei CSS2 è la migliore alternativa standard, anche se non è ampiamente supportata.

Answer 10

Immagino che qualsiasi metodo di invio di caratteri con una pagina Web rappresenterebbe una sorta di rischio per la sicurezza.Ho sentito parlare di metodi in cui, nel caso in cui il client non disponga del carattere richiesto, il testo può essere sostituito dinamicamente con un'immagine o con una sorta di flash visualizzato.L'unico come questo che riesco a trovare ora è su AListApart ma potrebbe già essere ridondante.Detto metodo richiederebbe anche CSS, immagini e Javascript per funzionare e potrebbe essere difficile da implementare su tutti i browser.