La scelta del font giusto è un aspetto importante di qualsiasi progetto di web design. Ci sono centinaia, se non migliaia, di grandi opzioni là fuori e molte possono essere utilizzate con licenze gratuite grazie a strumenti come Adobe Typekit e Google Fonts.
Ma un servizio è migliore dell'altro? C'è un vantaggio per Google Fonts o Typekit rispetto all'altro? E come puoi iniziare con questi strumenti se non li hai ancora usati. Sei fortunato, perché oggi risponderemo a quelle domande.
Servizi di font Web
Adobe Typekit e Google Fonts sono due diversi servizi di font web. Ciò significa che gli strumenti usano un po 'di magia CSS per consegnare i caratteri ai browser web per rendere i caratteri tipografici sul tuo sito web.
Ci sono alcuni altri servizi di font web, ma la maggior parte di questi sono molto più piccoli di questi? Big two.? Molte case tipografiche offrono font web per i loro caratteri tipografici e alcuni rivenditori di font.
Abbatteremo Typekit e Google Fonts per il loro appeal e popolarità più universali.
Adobe Typekit
Typekit fa parte della suite di software Creative Cloud di Adobe, anche se gli sviluppatori possono acquistare l'uso standalone dei font attraverso il servizio senza aggiungere un pacchetto software completo. Typekit è cresciuto fino a diventare il gigante dei font web quando si tratta di streaming, grazie in parte all'inclusione dello strumento con Creative Cloud. Gli abbonati Adobe ottengono Typekit come parte dei pacchetti software in dotazione.
Professionisti
- Caratteri di alta qualità
- Massiccia libreria tra cui scegliere
- Gratuito per abbonati Adobe Creative Cloud
- L'interfaccia è liscia e facile da usare e include strumenti utili come gli elenchi di navigazione
- I caratteri si sincronizzano anche con i prodotti Adobe sul desktop in modo da poterli utilizzare per tutti i progetti
Contro
- Non funziona con alcuni software meno recenti (Windows 2000 o Mac OS 10.3 o precedenti)
- Alcuni problemi di compatibilità con i browser più vecchi
- Può essere un'opzione costosa per gli utenti non Adobe
Google Fonts
L'integrazione con Google Fonts è un'opzione completamente gratuita, che lo rende popolare tra gli utenti di WordPress e i costruttori di kit di temi e UI. I caratteri sono facili da integrare e scaricare, con una collezione sempre crescente di caratteri tipografici.
Professionisti
- 100% gratuito
- Offre l'opportunità di includere molti tipografi (puoi chiedere di inviare il tuo font)
- L'interfaccia rende facile vedere il font in uso
- Gli strumenti di abbinamento e aspetto dei font sono facili da usare
- Analytics mostra i font più popolari tramite l'utilizzo sul Web
- I tempi di caricamento tendono ad essere rapidi e affidabili
Contro
- I font open source possono avere alcuni problemi di qualità
- La libreria può essere un po 'più limitata e potrebbe essere necessario sostituire i font tra progetti di stampa e online
- Trovare i caratteri tipografici può essere un po 'goffo se non sai cosa stai cercando
Rompere gli strumenti
Quando si tratta di streaming di font web, ci sono alcuni punti in comune che vengono forniti con qualsiasi piattaforma di questo tipo. Quindi, la prima vera decisione è determinare se l'utilizzo di un servizio di font di streaming web per il tuo sito web sia la soluzione ideale per il tuo progetto.
Lo streaming di font Web, in generale, offre molte opzioni di carattere tipografico a un costo che sarebbe inimmaginabile se si acquistassero caratteri tipografici. L'implementazione e l'uso sono piuttosto semplici e chiunque abbia conoscenze di programmazione può gestirlo con facilità. Gli utenti non sanno cosa stai usando e non possono realmente vedere? una differenza.
La più grande truffa per i servizi di font di streaming web è che sei in balia dei server dei font che appartengono a qualcun altro. Se hanno un problema tecnico di servizio, anche tu. Fortunatamente, sia Adobe Typekit che Google Fonts hanno buoni track record quando si tratta di restare online.
Se non si è venduti su streaming di font web, ci sono altre opzioni a cui pensare.
- Stack di font: Questa è una tecnica CSS in cui crei un elenco di caratteri (in base a come desideri utilizzarli). Qui non hai un font specifico, ma un elenco di opzioni che potrebbero apparire sul tuo sito in qualsiasi momento. È un'opzione gratuita ed è veloce da caricare, ma potrebbe comportare immagini visive diverse.
- Tipi di carattere self-hosted: Questa tecnica ti consente di utilizzare i font di tua proprietà e di avere una licenza per i progetti di siti web. L'implementazione può essere un po 'più complicata per il designer di siti Web casuali e, ovviamente, è necessario ospitare il sito Web sul proprio server. Alcuni tipi di carattere dovranno essere convertiti in diversi tipi di file per l'utilizzo sul Web e assicurarsi di avere una licenza adeguata è la chiave qui. C'è anche il problema del rendering: i font di stampa e di schermo sono spesso ottimizzati in modo diverso.
Che è migliore?
Quindi, cosa dovresti usare - Adobe Typekit, Google Fonts, un'altra soluzione interamente? Dipende davvero dal tuo livello di comfort con gli strumenti e da come li stai usando. Forse hai anche tutti gli strumenti, in base al tipo di progetto.
Semplicemente, non esiste un servizio giusto o sbagliato.
Allora cosa useresti?
OK, lo so, sei venuto qui in cerca di risposte. Mentre ora hai alcuni dati utili per prendere una decisione, stai ancora cercando un suggerimento. Non ho intenzione di dirti quale scelta fare. Ma posso dirti cosa uso.
Come abbonato ad Adobe Creative Cloud, uso Typekit. È facile. Si integra con tutti i miei altri software. E adoro l'interfaccia liscia. (Voglio usare cose che sono state progettate bene tanto quanto crearle).
Non è che Typekit sia necessariamente migliore, ma è meglio per me. Non costa nulla in più e posso usare i caratteri tipografici per progetti di stampa e digitali, creando una coerenza lucida tra i progetti che desidero. (Odio dover giocare i caratteri dello switch per gioco medio).
Sto usando il Typekit per un po '- anche prima che facesse parte della collezione Adobe - e si è rivelato sempre migliore. Include una grande funzionalità e non mi manca mai un carattere tipografico (anche se il numero di opzioni a volte può essere schiacciante).Mi piace ciò che Google Fonts sta facendo con open source, ma per me Typekit è più semplice.
Conclusione
Il modo in cui servi e utilizzi i caratteri nei tuoi progetti e sui tuoi siti web è una parte importante del processo di progettazione. Budget e il tuo livello di comfort con gli strumenti disponibili determineranno probabilmente il metodo scelto.
Tutti questi servizi stanno migliorando e cambiando in meglio tutto il tempo. Tieni gli occhi aperti mentre lavori e gioca con più opzioni per diversi tipi di progetti per determinare cosa funziona meglio per te.
Google Fonts
Google Fonts è una libreria di oltre 800 caratteri tipografici diversi, completamente pronta per essere incorporata nel tuo progetto web. Questa serie esamina i caratteri di Google e condivide esempi e combinazioni di caratteri interessanti che possono portare il tuo progetto al livello successivo.