Ma qual è il migliore?

Sprungmarker ci viene incontro con una tabella comparativa tra 13 servizi di web font.

Sono stati scelti molti parametri per il confronto, come la compatibilità tra browser, come avviene l’integrazione, il numero di font presenti, se il servizio è a pagamento o meno ecc.

Credo che da questa analisi ti sarà più facile scegliere il servizio più adatto. Tu hai mai utilizzato alcuni dei servizi comparati?

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Se sei pigro, come me, ti consiglio di provare questo fantastico bookmarklet: What Font.

Vai alla pagina del bookmarklet, trascina il pulsante What Font nella barra dei segnalibri del tuo browser e il gioco è fatto.

Vuoi sapere che font ho utilizzato per i titoli dei post o per i contenuti nel blog? Premi sul bookmark e passa il cursore sopra il testo di cui vuoi scoprire il carattere che è stato utilizzato.

Lo ritengo uno strumento estremamente utile, specialmente per quanto riguarda i font non safe.

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

E ora? Ci sono ancora per fortuna, ma pare che molti web designer si siano fatti ingolosire da Google Font e dal plugin Cufon.js, e si siano dimenticati che l’utente deve riuscire a leggere i contenuti.

Per chi non sapesse di cosa sto parlando, di Google Font si è già discusso in questo blog, mentre per Cufon, ti invito a leggere questo articolo di HTML.it.

Con questo articolo non voglio parlare di questi 2 strumenti, che sono presenti già da qualche tempo, ma sul loro utilizzo, specialmente ora che in Google Font la scelta dei caratteri è davvero ampia.

I font non web safe vanno utilizzati esclusivamente per i titoli delle sezioni, o per gli elementi dei menu. Punto! Stop! Non utilizzarli assolutamente per i testi del sito: renderersti la lettura difficile e il caricamento delle pagine estremamente lento.

Sembrerà banale questo articolo, ma ho visto diversi web designer abusare di questa tecnica con risultati pessimi, e quindi ho voluto puntualizzare questo aspetto.

Ecco invece qualche esempio di utilizzo corretto di Cufon.

Press75.com

In Press75 si è utilizzato cufon per il menu, i titoli delle sezioni e per i quattro link sotto le sezioni. Come puoi vedere per il testo si è utilizzato un font web safe (Helvetica Neue).

International Rugby Association

Anche in questo caso si è utilizzato cufon per il menu, la tagline e il testo subito sotto la tagline. Per il contenuto si è utilizzato un font web safe (Lucida Sans).

Meinl Percussion

In Meinl Percussion si è utilizzato cufon per il menu, i titoli degli articoli e nelle date, oltre che nella scritta “Latest tweets”. Il contenuto come al solito utilizza un font web safe (Arial).

Questi sono solo tre dei 40 siti raccolti da Spyre Studios, dove vengono mostrati utilizzi creativi di Cufon, e nessuno di questi va a incidere sui contenuti.

Quindi cari Web Designer presenti e futuri, solo font web safe per i contenuti!

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

In qualunque posto noi andiamo (in casa, a scuola, al lavoro, nei ristoranti, ovunque) siamo circondati dalla tipografia: poster, annunci, menu, ovunque troviamo una combinazione di foto, effetti grafici e testi.

Molte volte, la parte che viene meno considerata è proprio la tipografia, che invece è fondamentale per trasmettere il messaggio nel modo più diretto e coinvolgente possibile.

In Font in Use, per ogni lavoro viene fatta un’attenta analisi sulle motivazioni che hanno spinto alla scelta di un particolare font e anche proprio quale font è stato utilizzato.

La ritengo una bellissima iniziativa che può far aprire gli occhi a molti di noi, che magari cerchiamo l’ispirazione in modo ossessivo e poi ce l’abbiamo a portata di mano, appesa su un muro o appoggiata su un tavolo

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Font Comparer è un”applicazione web che ti permetterà di confrontare in una sola finestra tutti i web font presi da Google Font e Typekit.

Potrai inserire il testo che preferisci e vederlo sia come intestazione, che come testo normale, modificare il colore di sfondo e del testo e anche impostare un’ombra.

Quando avrai trovato il font adatto alle tue esigenze, basterà premere su Get Font e ti verrà fornito il codice necessario per utilizzarlo.

In particolare dovrai copiare la prima parte di codice (<link rel…..>) tra i tag head della tua pagina, mentre nel foglio di stile CSS dovrai assegnare all’elemento che desideri il font scelto (es. font-family: ‘UnifrakturMaguntia’,serif;).

Cosa vuoi di più?

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Oggi vediamo 20 font vintage gratis che ho raccolto per te, che vale la pena scaricare e provare nei tuoi progetti.

Dirty Ames

Carnivalee Freakshow

Faith Collapsing

Art Nouveau

Typical Writer

Showboat

Forty Second Street

Captain’s Table

My Underwood

Sesame

FT Rosecube

Nashville

Olho de Boi

Old Copperfield

SouciSans

Keep on Truckin’FW

Rogers

Hadley

ALS Script

Stereo MF

Vuoi approfondire lo stile vintage? Forse questi due articoli fanno per te:

Gli stili nel web design: le caratteristiche del vintage style | Come realizzare un sito in vintage style?

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

E ora è già uscito un plugin per wordpress, che ti renderà più semplice l’integrazione di Google Font.

Una volta installato e attivato, lo potrai gestire nel box Appereance, dove accederai direttamente alla lista dei font disponibili e potrai scegliere quello che preferisci oltre a impostare il font di default, nel caso ci fossero dei problemi.

Hai già utilizzato Google Font in qualche tuo progetto? Lo utilizzerai per il tuo blog?

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

E allora ci ha pensato Google, con Google Font Directory, dove potrai scegliere il font che preferisci e utilizzarlo tranquillamente, essendo supportato dai maggiori browser.

L’utilizzo è semplicissimo. Basterà scegliere il carattere, andare alla voce Get the code e inserire tra i tag head la linea di codice indicata per aggiungere il foglio di stile. Poi nel tuo foglio di stile CSS dovrai applicare il font all’elemento che desideri.

Google Font Directory è supportato da Google Chrome, Mozilla Firefox, Safari e Internet Explorer dalla versione 6.

Finalmente potrai avere più scelta nell’utilizzo del font, senza dover crearea delle immagini per utilizzare un carattere particolare!

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Per poterli creare bisogna anche trovare un font accativante, originale, e allora voglio condividere con te questa fantastica raccolta di 40 font gratis stilata da Naldz Graphics.

Ecco quelli che più mi hanno colpito.

AvantGarde ALT

Velocity

Amputa Bangiz Standard TTF

Facet Font

Cube 02 Font

Portal Free Font

OT Free Font

Paranoid

File Free Font

Origram

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Oggi voglio condividere con te alcune risorse per ottenere uno stile minimal, uno dei più utilizzati in questo momento dai web designer, dove tutto ciò che risulta superfluo viene eliminato, dando così maggiore risalto ai contenuti e alle immagini.

In particolare ho voluto segnalare dei siti da cui prendere ispirazione, 20 temi per wordpress realizzati con questo stile e 40 font.

40 Siti In Stile Minimal Da Cui Prendere Ispirazione

Spyrestudio, blog sul web design che ti consiglio di seguire, ha stilato una raccolta di 40 siti da cui prendere ispirazione. La raccolta è veramente varia e fa capire che lo stile minimal si può ottenere in diversi modi, come l’utilizzo di colori diversi dal bianco o il nero (ad esempio Invoko, Nation o Benny Roth), oppure l’utilizzo di flash (SideshowPress e Adam Hoganson).

20 Bellissimi Temi WordPress In Stile Minimal

Six Revisions ha stilato una raccolta di 20 template wordpress in stile minimal. Alcuni temi dal mio punto di vista non sono il massimo e quelli degni di nota sono sono Clean Home, FotoFolio, Empty Canvas, iA3 (a pagamento), Structure, Smart Portfolio (a pagamento), min

40 Font Gratis In Stile Minimal

Per completare le risorse 1stwebdesigner, ha raccolto 40 font in stile minimal gratis, da utilizzare liberamente per i tuoi progetti.

Ti è mai capitato di utilizzare questo stile per qualche tuo progetto? Che stili usi di solito?

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!