Si parla spesso di web design, di correnti grafiche, di scheumorfismo, minimalismo, design parallasse, progettazione responsive e via dicendo. Ma troppo spesso ci si dimentica l'importanza della tipografia quando si elabora un sito Web. Non sempre la scelta dei font è coerente con il look estetico che si è scelto con le proprie pagine e, anche quando risulta tale, ci si imbatte in errori grossolani come kerning improponibili, formattazioni opinabili e altro ancora. Per correre in soccorso a tutti i professionisti del Web, però, arriva un eBook gratuito che promette di trasformare in esperti anche i neofiti più incalliti, il tutto in meno di 10 minuti. Si chiama Practical Typography ed è reso disponibile da Butterick. (more...)

Continua a leggere Practical Typography: tutti i segreti dei font in un eBook gratuito

Categoria: Web Design

Con le Google Font API è semplicissimo integrare nei nostri progetti tipi di caratteri diversi da quelli web-safe, universalmente diffusi su tutti i device. Le operazioni eseguite dietro le quinte non fanno altro che fornire il giusto codice CSS a seconda del browser. CSS 3 reintroduce la specifica @font-face, dopo che essa non aveva trovato largo uso in seguito all'introduzione nello standard CSS 2 e dopo essere stata rimossa nei CSS 2.1. Oggi è supportata appieno dalle ultime versioni di Chrome, Firefox, Safari e Opera, mentre Internet Explorer, che in verità  supporta la specifica sin dalla versione 4, la adotta tuttavia in maniera incompleta. Infatti i font utilizzabili non possono essere TrueType (.ttf uno dei più diffusi standard per i font) bensì Embedded OpenType (.eot), un formato proprietario di Microsoft, derivato dallo standard OpenType. (more...)

Continua a leggere Google Font Directory dietro le quinte

Categoria: CSS

Google Font API

20 Maggio
di napolux

Google ha annunciato ieri le nuovissime Google Font API. Un'API semplicissima per l'utilizzo di font "custom" all'interno delle nostre pagine web. Le API sono compatibili anche con IE6 e davvero facili da usare. Quali sono i font disponibili? Tutti quelli presenti nella Google Font Library. ;) <link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'> body { font-family: 'Tangerine', serif; } Per utilizzi più avanzati potete usare il Webfont loader, sviluppato da Google in collaborazione con Typekit. Che sia arrivata per davvero l'ora dei webfont?

Continua a leggere Google Font API

Categoria: Web Design