typography

Come utilizzare il font di sistema nel proprio sito

Se ne era fatto accenno, ma l’altro ieri la possibilità è stata ufficialmente documentata sul blog di WebKit. È possibile utilizzare il font di sistema di iOS e Mac OS (quindi San Francisco) specificandola nel proprio CSS semplicemente con font-family: -apple-system. È in corso una discussione al W3C per standardizzare la proprietà, ed eventualmente sarà […]

CSS font-family per San Francisco

Craig Hockenberry: Apple has started abstracting the idea of a system font: it doesn’t have a publicly exposed name. […] The motivation for this abstraction is so the operating system can make better choices on which face to use at a given weight. Apple is also working on font features, such as selectable “6″ and […]

Come abbinare i font

Designmodo ha raccolto alcuni siti bellissimi, e ne ha analizzate le scelte tipografiche, spiegandole anche a chi ne sa poco — quali abbinamenti di font risultano vincenti, e gli accorgimenti di line-height o letter-spacing che sono stati presi.

Introduzione a San Francisco

Una sessione del WWDC dedicata a introdurre San Francisco, il nuovo font di OS X e iOS. Consiglio di guardarla, perché vengono spiegate le differenze fra le diverse famiglie tipografiche (ad esempio, in cosa differisce San Francisco Compact, in uso su Apple Watch, dall’originale) e si entra nei dettagli — e nelle motivazioni — dietro San […]

‘Perché non uso Helvetica’

Suggerisce delle buone alternative (purtroppo tutte costose!): I’d try Akzidenz Grotesk, which was the original favourite of the Swiss Style pioneers and is the typeface that Helvetica was largely based upon. It’s twice as old as Helvetica which obviously makes it twice as cool. Or maybe I’d use Neue Haas Grotesk, which bears Helvetica’s original […]

Dettagli tipografici

L’autore di typedetail.com cercherà di “annotare” un font diverso al giorno, evidenziandone le particolarità. È un progetto molto bello, che ne ricorda uno recente, e simile: 100 giorni di font.

RightFont: un font manager per Mac

Non è molto più potente di quello che il Mac integra di default, ma è sempre a portata di mano dalla barra dei menù per fornire una veloce (e utile) anteprima dei font installati. Punto di forza principale, RightFont si integra con la Creative Cloud di Adobe per permettervi di gestire anche i font di TypeKit a […]

Tiff: un sito per confrontare due font

Un sito per confrontare due font diversi fra loro, visualmente, sovrapponendo l’uno all’altro. Supporta tutti i font di Google Fonts.

100 giorni di font

Per 100 giorni, ogni giorno, Do-Hee Kim proverà a creare una nuova pagina web[1. Stile splash page] utilizzando di font diversi fra quelli disponibili su Google Font, pubblicando il risultato su 100daysoffonts.com. Siamo già al 27esimo giorno dall’inizio dell’esperimento e il risultato è ottimo. È bello da ammirare, ma anche utile se avete problemi d’abbinamento o volete scovare […]

CSS Sans

Un font sans-serif in CSS. Ogni lettera è un div con una class corrispondente alla lettera da rappresentare. Se l’approccio è terribile dal punto di vista dell’accessibilità, permette però di animare le varie parti di una lettera, o colorarle in maniera differente, o applicarvi qualsiasi animazione CSS vogliate.

Medium.com è superfluo?

Matthew Butterick (l’autore del bellissimo Butterick’s Practical Typography) ha risposto a un post uscito su Medium alcuni giorni fa, in cui l’autore illustrava come le macchine da scrivere abbiano contribuito a imbruttire la tipografia. L’argomento del post di Butterick non sono tanto le macchine da scrivere, quanto Medium stesso, e perché esista (una questione interessante, secondo me). L’idea di uno […]

Come le macchine da scrivere hanno rovinato la tipografia

Bellissimo articolo da Designing Medium. Designing Medium è la raccolta di Medium in cui i designer, programmatori e ideatori del sito raccontano, spiegano e giustificato le scelte che hanno fatto. Alla tipografia è stata riposta un’attenzione quasi ossessiva, e i vari problemi (e le soluzioni a cui sono giunti) sono stati esposti nel corso di sei articoli. Death to […]

Come installare (tutti) i font di Google Fonts sul Mac

Un semplicissimo comando, da incollare dentro Terminale, per installare sul proprio Mac tutti i font di Google Fonts. curl https://raw.githubusercontent.com/qrpike/Web-Font-Load/master/install.sh | sh (Quanto durerà Google Fonts?)

Sans Serriffe

Il primo aprile del 1977 il Guardian pubblica una mappa di quella che sostiene essere una nuova isola, scoperta nell’Oceano Indiano. Se il nome dell’isola (Sans Serriffe) non fosse di per sé già abbastanza sospetto, basta soffermarsi sui nomi dei luoghi riportati sulla mappa (Bodoni, Gill Sands, Upper Caisse, Garamondo) per capire lo scherzo del Guardian ai lettori. […]

San Francisco

Si chiama così il font che Apple ha creato — e che utilizza — per l’iWatch. La descrizione di Fast Company: Seemingly inspired by Helvetica and FF Din, San Francisco is designed specifically for smaller displays: there’s plenty of space between each letter, and Apple seems to be avoiding extraordinarily thin lettering that wouldn’t play well on […]

Com’è essere uno sviluppatore web in Cina

Su Tuts+, Kendra Schaefer racconta i problemi a noi sconosciuti che qualsiasi sviluppatore web incontra in Cina. Qualsiasi API di Google non funziona, obbligando lo sviluppatore ad utilizzare soluzioni alternative (non sempre altrettanto valide, o a volte senza API pubbliche) come Open Street Maps al posto di Google Maps. Il “Great Firewall of China” rompe persino i webfont ospitati su Google […]

Margini

Craig Mod ha scritto un pezzo sui margini dei libri: A book with proper margins says a number of things. It says, we care about the page. It says, we care about the words. We care so much that we’re going to ensure the words and the page fall into harmony. We’re not going to squish […]

I font di Hoefler & Co. su iOS

Hoefler & Co. permette — con un trucco — di installare sui device con iOS 7 tutti i loro font di cui possedete la licenza.

Il TED Talk di Matthew Carter, il creatore di Georgia e Verdana.

Lezioni di tipografia con Typekit

Typekit Practice è una nuova risorsa per chiunque voglia imparare qualcosa di tipografia. Offre una serie di articoli che permettono di migliorare le proprie conoscenze sull’argomento, una lista di raccomandazioni di libri da leggere e, in conclusione, dei consigli pratici organizzati in piccole lezioni — da come abbinare i font in maniera piacevole, a come applicare correttamente delle ombre con text-shadow.