Oggi abbiamo un'anteprima esclusiva in anteprima in una nuova eccitante scelta per l'utilizzo di diversi tipi di carattere sul web.
Di seguito discuteremo brevemente cosa è FontDeck e quanto è facile ottenere l'installazione sul tuo sito. Iniziamo!
Cos'è FontDeck?
FontDeck è un'altra voce nell'incursione dei siti che utilizzano il selettore CSS @ font-face per permetterti di incorporare facilmente font accattivanti e sicuri per il Web nei tuoi siti.
FontDeck utilizza puro CSS per realizzare la sua magia in modo da non dover scherzare con JavaScript, Flash o altre tecnologie aggiuntive come fai con TypeKit e pochi altri.
Sfortunatamente, FontDeck è in uno stato così precoce che non posso mostrarti troppo perché i caratteri attuali nel sistema sono soggetti a modifiche. Quindi perdona ogni sfocatura selettiva in quanto rappresenta un contenuto che non è ancora definitivo.
Configurazione e selezione dei caratteri
FontDeck rende estremamente facile ottenere font accattivanti implementati sul tuo sito in pochissimo tempo. Di seguito illustreremo il processo di base per far funzionare tutto.
Registrarsi a FontDeck è facile come digitare il proprio indirizzo email e assegnare un dominio. Una volta che questo passaggio è finito, sei pronto per iniziare a sfogliare i caratteri.
FontDeck ti offre diversi modi per sfogliare e cercare i caratteri. La prima è l'opzione per visualizzare in base allo stile. Le categorie correnti sono Serif, Sans Serif, Slab Serif, Script, Blackletter, Display, Symbol e Non-latin.
Inoltre, puoi inserire una stringa di ricerca o sfogliare per fonderia, designer o tag.
Attivazione e installazione di caratteri
Una volta trovato il font che ti piace, fai clic sul pulsante di attivazione e seleziona il sito su cui desideri installare il carattere.
Ora riceverai due snippet di codice che ti consentiranno di implementare il carattere sul tuo sito. Il primo è un semplice collegamento a un foglio di stile (ex: link rel =? stylesheet? href = http: //?) per incollare nella parte dell'intestazione del tuo codice HTML.
Il secondo frammento è una famiglia di font CSS che puoi incollare nei tuoi fogli di stile ovunque desideri che appaia il font FontDeck (ex: font-family:? Nome del carattere ?, sans-serif; font-weight: bold; font-style: normal; }).
Come puoi vedere, il CSS per la famiglia di font è esattamente come lo useresti normalmente; non devi nemmeno usare @ font-face. Questo perché il codice @ font-face viene generato automaticamente nel foglio di stile esterno a cui ci si collega nell'intestazione. È anche possibile inserire i nomi dei font FontDeck in famiglie di font già esistenti che hai già configurato, dandoti il controllo completo sugli scenari di fallback.
Licenze
Tutti i font che installi verranno inizialmente attivati all'interno della Modalità di utilizzo limitato. Modalità di utilizzo limitato significa che è possibile utilizzare il carattere gratuitamente, ma sarà visibile ai visitatori solo da 20 indirizzi IP univoci. Questo è perfetto per test e design in modo da poter avere un'idea di come apparirà un font sul tuo sito prima di acquistarlo.
Quando decidi che ti piace un determinato tipo di carattere, puoi scegliere di acquistare quel tipo di carattere specifico da utilizzare sul sito che hai registrato.
Pensieri di chiusura
Dopo aver provato alcune altre soluzioni simili, ho trovato FontDeck uno dei sistemi più semplici finora sviluppati per incorporare i caratteri premium nelle pagine web. In tutta onestà, probabilmente ti ci è voluto molto più tempo per leggere questo articolo piuttosto che selezionare un font e prendere il codice per il tuo design usando FontDeck.
Soluzioni come FontDeck lasciano sperare in un futuro luminoso e senza problemi per la tipografia avanzata sul web. Per ora è ancora in beta privata, ma ti terremo aggiornato e ti faremo sapere quando verrà lanciato.