Pubblicato il 21/05/10 - aggiornato il  | 3 commenti :

Come usare i nuovi caratteri di Google per personalizzare i font del nostro blog.

E' notizia di queste ore (vedi Blogoscoped) che Google ha rilasciato delle API per personalizzare i font del nostro blog. I caratteri messi a disposizione si possono trovare nella Google Font Directory. Vediamo come fare per utilizzarli. Con il mouse bisogna cliccare sulla destra della famiglia di font prescelta
google-font
precisamente su Click to embed…. Nella pagina che si apre dovremo selezionare la scheda Get the code. Le altre schede Specimen, Character set, Description servono per avere tutti i dettagli sui caratteri
caratteri-google-api
Se si vuole un blog con i caratteri Inconsolata si otterrà questo codice
<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
mentre nella riga più in basso è mostrato un esempio di inserimento
h1 { font-family: 'Inconsolata', arial, serif; }
in questo caso riguarda h1 cioè un'intestazione di primo livello. Possiamo però utilizzare i caratteri anche in altre sezioni. Ma vediamo in dettaglio. Recarsi su  Layout > Modifica HTML e incollare il codice nella sezione <head>. Vale a dire dopo <head> e prima di </head>. Vedi il seguente screenshot
codice-font
Nel caso in cui Blogger non salvasse il modello perché il codice è mancante del tag di chiusura, cosa che succede spesso, aggiungete una slash finale come mostrato nello screenshot.
Per tutte le possibilità di personalizzazione vi rimando all'articolo su Come usare dei caratteri originali per il post. Mi limito a fare un esempio di come si possa cambiare caratteri al titolo dell'articolo. Se si inserisce la riga
font-family: 'Inconsolata', arial, serif;
nel modello "Tekka" come indicato dallo screenshot
caratteri-font
si avranno i titoli degli articoli con questi nuovi caratteri. La cosa può essere fatta anche con il testo, i titoli dei widget, il testo dei widget, il footer, ecc. Oltre che seguire le indicazioni del succitato post vi può essere utile cercare tutte le occorrenze nel template di font-family cliccando su F3 o Ctrl+F per vedere dove è possibile intervenire per inserire i nuovi caratteri.
Per avere un'idea del risultato guardate il font Inconsolata nei titoli dei post del mio blog di prova. Concludo dicendo che la modifica è naturalmente reversibile e che questi caratteri supportano anche il vetusto Internet Explorer 6.


3 commenti :

  1. Ciao, vorrei chiederti una cosa !!! sai dirmi come si fa ad inserire nel proprio nome quando lascio commenti ed anche nel blog quando faccio i post quei bellissimi disegnini tipo cuore, forbicine, quadrifoglio, fiorellini!!!????? ti ringrazio per la disponibilità
    A presto
    Giovanna

    RispondiElimina
  2. @giovanna
    stai parlando di cose tipo questa?
    * ღ Tanja*s Homestyle ღ *
    Puoi seguire le indicazioni di questo post se hai un OS Windows
    http://parsifal32.blogspot.com/2010/02/come-inserire-in-un-testo-dei-caratteri.html
    Per prima cosa copi i simboli in un file tipo Blocco Note o Word Pad. Poi accedi al tuo Profilo di Blogger e al posto del tuo attuale nick incolli quello nuovo con i fiorellini, cuoricini, ecc.
    Ciao
    P.S. Se quelli che ci sono non ti bastano li puoi sempre copiare da un nick di un altro e incollarli sempre in un file ^_^

    RispondiElimina
  3. Si proprio di quelli parlavo ma non credo sia così facile... per me naturalmente, sono poco tecnologicamente avanzata!!!! io ci provo ..... vedremo!!! comunque grazie mille!!!
    a presto
    Giovanna

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy