Il 2017 potrebbe segnare una piccola, ma importante, inversione di marcia rispetto a uno dei trend ormai da anni più affermati: l'uso di caratteri privi di grazie. Eppure, dopo un'egemonia sans serif che appariva destinata a rimanere imperituramente, qualcosa è evidentemente cambiato: sempre più designer infatti hanno deciso di adottare soluzioni serif per i loro web design. (more...)

Continua a leggere Il ritorno dei font serif nel Web design

Categoria: Web Design

Tags: ,

Qualche mese fa ha riscosso una certa attenzione la nascita di Typekit. Di questo servizio concepito per facilitare l'inclusione di font personalizzati via @font-face abbiamo scritto pure noi nell'articolo Web Fonts con Typekit. A corredo dei servizi di base del sito è stata recentemente aggiunta questa Design Gallery, una sorta di Zen Garden della nuova tipografia per il web che mette in mostra siti realizzati sfruttando proprio Typekit per la scelta dei font. A giudicare degli esiti raggiunti su molti dei siti proposti, l'idea secondo cui l'uso dei font personalizzati avrebbe portato a chissà  quali orrori sembrerebbe smentita :)

Continua a leggere Typekit Design Gallery

Categoria: Web Design

Inutile ribadire qui quanto possa essere cruciale per creare un design armonico ed efficace l'operazione di selezione e abbinamento dei font. Bene, al Macworld 2010 appena conclusosi è stata presentata la demo di TypeDNA, una suite di plugin per Adobe Photoshop, Illustrator e InDesign CS4 che va incontro alle esigenze di chi con la tipografia (non solo per il web) lavora quotidianamente. Oltre ad offrire funzionalità  avanzate di font management, infatti, TypeDNA offre strumenti interessanti come Font Harmony (suggerisce abbinamenti ottimali tra font in base alle opzioni fornite) o Similar Fonts (identifica automaticamente caratteri tipografici simili in base a diversi parametri). Prima dell'uscita definitiva della suite di plugin sarà  possibile testare una demo iscrivendosi al programma di beta testing da pagina. Il prezzo fissato al momento per la versione di base della suite è di $59.

Continua a leggere TypeDNA aiuta a selezionare e abbinare i font

Categoria: Web Design

Tags: ,

La tipografia per il web vive un momento di grande fervore. Non passa un giorno senza che ci si imbatta in risorse interessanti o spunti per l'approfondimento. L'ultimo numero di A List Apart propone in particolare l'articolo On Web Typography di Jason Santa Maria. àˆ una collezione di consigli sulla scelta dei font più appropriati nel contesto di un progetto di design e su aspetti come l'abbinamento e la creazione di contrasto a livello tipografico. Il tutto diventa per certi versi l'illustrazione di un metodo, nello specifico quello dell'autore. Quindi: nella scelta dei font è opportuno partire da quello per il corpo principale per poi passare a titoli e altri elementi, adeguare sempre un font al messaggio, evitare font troppo uguali, abbinare quando possibile un serif ad un sans-serif perché è "uno dei modi più rapidi per creare bilanciamento e contrasto". Vi ci ritrovate? Avete elaborato un metodo generale che vi guida sempre nella scelta dei font o vi affidate all'estro del momento, magari adeguando di volta in volta il metodo alla specificità  del progetto?

Continua a leggere Scegliere e abbinare i font

Categoria: Web Design

Che Typekit possa diventare per la tipografia sul web quello che l'abbinata iPod/iTunes è stata per fruizione di musica lo ha detto a suo tempo Andy Clarke. Rivoluzione sarà  se il modello proposto andrà  incontro alle esigenze delle parti in causa: designer da una parte, produttori di font dall'altra, un po' come all'esordio dell'iTunes Store furono decisivi quei fattori su cui una sorta di onorevole compromesso venne trovato tra consumatori e case discografiche. Perché Typekit va a collocarsi esattamente in tale contesto: tecnologie (browser) che consentono oggi di sfruttare sul web collezioni di font alternative ai soliti noti, designer alla ricerca di font ben progettati e professionali, produttori che vogliono un giusto compenso per il loro lavoro e che sono per certi versi imbrigliati attualmente da sistemi di licenza troppo restrittivi. Chi vivrà  vedrà , di seguito una serie di osservazioni sparse dopo aver testato rapidamente il servizio. (more...)

Continua a leggere Typekit: sarà  davvero l’iTunes dei font?

Categoria: Software e Servizi

Parlavamo giusto ieri della decisione di Facebook di fare piazza pulita degli angoli arrotondati per tornare ad un design caratterizzato da linee squadrate. Una scelta dettata anche da motivazioni tecniche, ma innanzitutto spiegata con la volontà  di adeguare il design ad un'idea, a un valore guida, quello che potremmo collocare sulla linea che va dall'utile all'essenziale passando per il pratico e il semplice. Quei pochi pixel stondati cozzavano con questi principi, sono extra ornamentation. Marcia indietro, dunque. Chi invece ha scelto la via del cambiamento radicale è stata IKEA. A fine agosto la decisione dell'azienda svedese di modificare il font principale nella comunicazione su web e stampa passando dal font IKEA Sans (derivato da Futura) al Verdana ha scatenato discussioni infinite, approdando sui media popolari e dando persino il via a petizioni. (more...)

Continua a leggere Georgia e Verdana si rinnovano

Categoria: Web Design

Parlando di Dive into HTML 5, abbiamo anche tessuto le lodi delle scelte tipografiche adottate sul sito grazie all'uso nei CSS di font particolari e incorporati nella pagina tramite @font-face. In effetti, la possibilità  di far scaricare un font specifico, senza quindi doversi preoccupare che esso sia presente sul PC dell'utente, apre vie straordinariamente interessanti, soprattutto ora che tale funzionalità  è supportata da tutti i principali browser. Come molti sanno, uno dei problemi nell'adottare questa soluzione deriva dal fatto che Internet Explorer supporta come formato il solo EOT. Cià rende necessario, ogni volta, avere a disposizione o creare la versione EOT di un font TrueType. Il tutto deve poi avere corrispondenza nelle regole CSS: /* IE6/7/8 - Questa dichiarazione deve essere all'inizio */ @font-face { font-family: nomeDelFont; src: url( /nomeDelFont.eot ); } /* Firefox 3.5/Safari/Opera 10 */ @font-face { font-family: nomeDelFont ; src: url( nomeDelFont.ttf ); } Sul sito Font Squirrel è possibile scaricare dei veri e propri kit per l'uso di @font-face. In un singolo pacchetto si trovano le versioni EOT e TTF del font prescelto e un CSS di esempio. Comodo. Ampia la scelta dei font gratuiti messi a disposizione.

Continua a leggere Una collezione di font gratuiti per usare @font-face nei CSS

Categoria: CSS

Tags: ,

Mark Pilgrim potrà  essere forse contestato per i modi a volte rudi con cui pone i temi di discussione che gli stanno a cuore, ma non si può certo dire che difetti della capacità  di andare al sodo. Il suo ultimo bersaglio sono i creatori e distributori di font professionali, l'argomento è l'uso di tali font sul web in un momento in cui il contesto tecnologico (leggi supporto dei browser) potrebbe presto facilitarne l'adozione massiccia in modi semplici e diretti (proprietà  CSS @font-face). Come è risaputo, il principale ostacolo al decollo definitivo di questo approccio potrebbe essere la gestione delle licenze dei font. In sintesi: chi crea e distribuisce font vorrebbe la garanzia di vedere protetta la proprietà  intellettuale della propria opera. Ecco perché, tra le altre opzioni, si sta anche pensando alla creazione di un formato tutto nuovo in grado di inglobare i dettagli della licenza. Al momento, come sostiene Pilgrim, i termini d'uso per la maggior parte dei font professionali rendono praticamente impossibile la loro adozione sul web? Il risultato? tante potenzialità , pochissime opzioni realisticamente disponibili. Con buona pace del sogno di una tipografia finalmente senza limiti sul web.

Continua a leggere Se potessi userei quel font…

Categoria: Web Design

Tags: ,

Chi l'ha detto che per usare sul web i propri font preferiti (o quelli ritenuti ottimali nel design del sito) si debba ricorrere a tecniche come la SIFR o addirittura all'uso di immagini sostitutive del testo? In attesa che l'adozione dei web fonts da includere con la direttiva @font-face sia realmente diffusa e apra le porte a nuovi orizzonti nella tipografia per il web, possiamo già  ora appoggiarci all'esistente: le decine di font alternativi a quelli cosiddetti safe installati sui computer degli utenti. àˆ impossibile per chiunque, ovviamente, fare delle stime precise sulla presenza di questo o quel font nel set di quelli presenti sulle macchine dei visitatori del sito, ma qualche supposizione fondata si può comunque avanzare. àˆ quanto ha fatto, per esempio, in questo articolo (tradotto in italiano) Richard Rutter. àˆ quanto ci consente di fare un'utile strumento come il font survey di Code Style. (more...)

Continua a leggere Usare i propri font preferiti nei CSS

Categoria: CSS

Tags: , ,

Proprio qualche ora prima di leggere tra i miei feed la segnalazione di cui sto per parlarvi, mi sono trovato in una situazione simile, ma per un documento da stampare :). Tutto doveva stare per forza in due pagine e rispettando un layout predefinito, percià, dopo essermi giocato tutte le carte possibili, ho deciso di accomodare con un testo più piccolo solo certe parti del documento, quelle che che con il carattere in corpo 12 sfasciavano tutto. Portando lo scenario sullo schermo, potrebbe capitare che si abbia la necessità  o il desiderio di voler mantenere una certa dimensione per l'area occupata da un box con del testo. Che fare quando il numero di parole è tale da far aumentare la dimensione di quest'ultimo senza ricorrere al taglio della frase o a cose come barre di scorrimento e overflow? Una soluzione è, appunto, quella di impostare una dimensione inferiore per il testo quando il numero di parole supera una certa somma. Chris Coyier ha implementato esattamente questa soluzione usando jQuery e MooTools. Nel primo caso il risultato è visibile sulla home page di Quotes on Design, nel secondo su questa pagina.

Continua a leggere Aggiustare il font in base al numero delle parole

Categoria: Scripting