Titoli speciali con i web fonts di Google

Titoli speciali con i web fonts di Google

Possiamo smettere di usare le immagini (gif, jpg o png) per creare testi accattivanti nelle nostre pagine web.
Ora esistono i web fonts che, nel caso di quelli di Google, sono gratuiti e facilmente incorporabili nelle nostre pagine.
Oltre a questo servizio free ne esistono diversi altri (anche Adobe a fatto il suo) a pagamento.
In questo video tutorial scopriamo come funziona il meccanismo e come poterlo usare da subito.

19 Commenti a “Titoli speciali con i web fonts di Google”

  1. carlo Says:

    Ciao max e complimenti per i suggerimenti sempre utili che ci fornisce e fornite ;)
    Chissà quanti te l’avranno chiesto e te lo chiederanno…ma DW pro quando parte…ci puoi dare qualche anticipazione?
    Grazie

  2. Max Says:

    Ciao Carlo! Ma grazie a te che ci segui ;-)
    DW-Pro è in programmazione la settimana prossima.
    Stiamo finendo di registrare i primi tutorial da mettere online.
    Qualche anticipazione?……
    …….
    ……
    vabbeh…
    Un video corso completo su XHTML e CSS, una guida a Google Analytics per incominciare a capire come funziona il web marketing e le misurazioni relative, un corso introduttivo sui Database….
    Poi… basta anticipazioni :-D

  3. Michael Says:

    veramente un bell tutorial, anche io sono un web designer o presunto tale^^ e di questa cosa ne avevo sentito parlare ma mai toccata con mano…. ma a questo punto ogni web designer potrebbe crearsi un suo piccolo server privato dove caricare i propri font da linkare sui vari siti…Anche perchè google, correggetemi se sbaglio, potrebbe levare un font o rendere il servizio a apgamento andando in qualche maniera a rovinare il lavoro che era collegato ai loro fonts…

  4. francesco Says:

    ciao .. come mai non c’è più il link per poter condividere il video ed inserirlo ad esempio su siti personali ? .. che peccato … in più vedo che non è più possible scaricare i video … così penalizzate chi non si può permettere connessioni flat .. almeno prima una persona si scaricava il video e se lo vedeva con calma … adesso tutte le volte bisogna essere collegati ad internet … questo mi rammarica, vi seguivo molto, però adesso sarà molto difficile tutte le volte guardare i video, dato che non permettete più di scaricarli ..anche solo tramite il semplice link … non si può rivedere questa cosa ?

    Grazie per i grandi tutorial … però come tutte le grandi famiglie che iniziano a migliorare e crescere, anche nella vostra adesso cambia la filosofia e si mira a far business …. come se google facesse pagare per ogni ricerca effettuata o facebook facesse pagare per ogni account creato … idea vincente non si cambia .. si rischia di perdere quanto fatto di buono. I vostri tutorial sono realizzati bene …. perchè come tutti i grandi non vi fate pagare dagli sponsor, dato che di gente in cerca di tutorial ben fatti ce ne sono davvero poco ? … per me togliere il link per la condivisione o la possibilità di scaricare i video va a discapito di tanta gente , credetemi, parere soggettivo, però spero costruttivo … spero cambiate idea … saluti e buon lavoro

  5. Max Says:

    Forse non hai guardato bene …. il codice per incorporare il video è sempre presente e il video lo puoi scaricare (come al solito) utilizzando download helper…

  6. Max Says:

    Non è esattamente la politica di Google.. comunque, volendo, è possibile fare come dici tu anche se i problemi di performance possono diventare molto seri se il server non è di quelli “giusti”…

  7. Saverio Bucciantini Says:

    Ciao Max ,

    Scusami se non ci combina niente con l’argomento . Mi stavo chiedendo se per costruire il layout di un sito del genere :

    http://www.tijuanaflats.com/

    fosse sufficiente la conoscenza di html e css (oltre che una solida destrezza nel maneggiare photoshop) oppure servono anche altri linguaggi di programmazione . Lasciamo stare la barra di navigazione che probabilmente è in Java Script . Parlo solamente del layout grafico del sito .

    grazie ,

    Saverio .
    Grazie !

  8. Max Says:

    Ciao Savè!
    Simpatico il sito, un po’ pesantino però simpatico e oriaginale.
    Per fare una cosa del genere devi avere un gran mano da illustratore. Per il resto è tutto CSS e Javascript (jQuery).

  9. Alessandro Rizzi Says:

    Finalmente siete tornati… ottimo tutorial !!! Aspettiamo DW Pro !

  10. roberto Says:

    Ciao Max e grazie di esistere!
    Ho già acquistato tempo fa da voi una guida su photoshop. Grazie alle tue lezioni su DW ( il layout e i CSS li ho acquisiti) ora avrei la necessità di acquistare una guida per gestire i dati in DW. Riesco ad inserirli nel db ma ho grosse difficoltà con le query e con la visualizzazione dei risultati. Nello store non ho visto nulla, puoi aiutarmi?
    Roberto

  11. Max Says:

    Ciao Roberto,
    a giorni sarà online Dreamweaver-professional.com dove, previa registrazione e sottoscrizione di un abbonamento bassissimo, potrai usufruire di video corsi dedicati ai webdesigner. Stiamo mettendo a punto in video corso proprio sui Database e un’altro per capire l’SQL. Rimani in contatto ;-)

  12. Andrea Says:

    Ciao Max sono veramente felice di cuore di riavervi rivisto fare tutorial ed esercizi guida. Ho detto fra me e me una volta che qualcuno che insegna qualcosa di buono su internet e poi si ferma tutto. Ho cominciato a scrivere grazie ai vs suggerimenti in php e sto cominciando a lavorare con i DB. Sono contento del tuo rientro in TOTAL – PHOTOSHOP.
    Ciao e buon lavoro

  13. Max Says:

    Grazie Andrea :) ma il merito è soprattutto tuo per la costanza e la voglia di imparare ;-)

  14. Silvia Says:

    Gentilissimo Max, come dicevi a Savè, per fare il sito che lui ti ha indicato, dici che ci vuole una mano da illustratore ed il resto è tutto javascript e css! Oddio mi sono spaventata! Per la mano da illustratore ci può stare ma per i css e java? Ma un creativo deve per forza saper programmare? Scusa se la domanda ti sembra banale, ma per me che sono all’inizio e che ho sempre ragionato a disegni e pennelli, c’è ancora della nebbia! :D

  15. Max Says:

    Carissima Silvia,
    niente panico :D
    Innanzitutto ho parlato di Javascript e non di Java, tieni a mente che sono cose differenti. Javascript è molto più semplice e abbordabile.
    In secondo luogo: niente panico :D
    Non DEVI saper programmare ma almeno avere un’infarinatura dei principali strumenti e tecnologie che ti consentono di padroneggiare le cose che vuoi fare.
    E’ però vero che il grafico puro si sta estinguendo per lasciare il posto ad un grafico che abbia più competenze pur mantenendo le sue origini.
    Quindi il consiglio è quello di incominciare a seguire un percorso di formazione “soft” che ti dia l’orientamento per capire come funzionano le cose.
    Ricorda anche che hai imparato a fare cose molto più complesse (camminare, allacciarti le scarpe, parlare correttamente, leggere e scrivere, etc…). Non è una battuta, sono serio.
    Ci siamo dimenticati che, a piccoli passi, possiamo imparare tutto. Il segreto è conservare la curiosità e la voglia di imparare dei bambini.
    Loro sono dei veri maestri in materia ;-)
    Gli adulti diventano più complessi e problematici e si affossano più facilmente: un bimbo, invece, si arrende meno facilmente e trova modi creativi per acquisire sempre nuova conoscenza.
    Quindi, in sintesi: evita di preoccuparti e inizia a divertirti mentre impari con curiosità e costanza ;-)
    Per il resto ci siamo noi :D

  16. Silvia Says:

    Grazie Max, mi hai tolto quel velo di pessimismo che non mi aiutava di certo! Sono consapevole che al giorno d’oggi saper solo disegnare non basta soprattutto se si parla di web. Diciamo che l’entusiasmo di imparare non mi manca…allora rimbocchiamoci le maniche! E meno male che ci siete voi!!!! :D

  17. Giancarlo Says:

    Ciao Max, è ottimo questo tutorial ed è ottima la possibilità di utilizzare font diversi. Ti segnalo solo che i fogli di stile non vengono validati dal W3C.
    Hai qualche suggerimento in merito?

  18. Max Says:

    si.. fregarsene :D
    La pratica dei web fonts sta diventando talmente diffusa anche commercialmente che questo della validazione diventerà uno di quei dettagli a cui il W3C si dovrà adeguare.
    Non dimenticare da chi è composto questo pseudo organismo di controllo ;-)

  19. Viace Says:

    Ciao Max,
    complimenti per il tutorial :)
    ti volevo chiedere se questo tipo di codice è compatibile con i browser un po’ più anziani, tipo Internet Explorer 7.0?

Lascia un commento

Usa il tuo account Facebook oppure compila il form