16 aprile 2009

42 commenti Condividi il post Facebook Twitter Google+

Come "importare" nuovi fonts su Blogger

Scrivo questo post per rispondere ad una domanda che mi è stata posta prima da Alberto e poi anche da Giugiu':

si possono importare nuovi fonts su blogger?

In Blogger in effetti abbiamo a disposizione soltanto 8 font che possiamo scegliere cliccando sul menu a tendina

Tipo di carattere

Vediamo ora come importare nuovi fonts su Blogger ossia come utilizzare altri fonts oltre agli 8 disponibili.

Innanzitutto dalla vostra bacheca cliccate sul pulsante NUOVO POST e posizionatevi nel tab Scrivi:

scrivi

e provate a scrivere una frase o una parola, selezionatela e scegliete il carattere tra quelli disponibili; io ad esempio ho scritto Benvenuti sul mio blog! e ho selezionato il font Courier e questo è il risultato:

Benvenuti sul mio blog!

Ora se cliccate sul tab Modifica Html vediamo l'html generato e quindi:

<span style="font-family:courier new;">Benvenuti sul mio blog!</span>

Se a voi interessa un font in particolare, ad esempio Comic vi basta modificare l'html in questo modo:

<span style="font-family:comic sans ms;">Benvenuti sul mio blog!</span>

e il risultato è questo:

Benvenuti sul mio blog!

Come potete vedere ciò che cambia è la font-family. Quindi possiamo scrivere i nostri post anche utilizzando font diversi da quelli messi a disposizione da blogger. Il problema è sapere il nome della font-family del font che ci interessa.

E poi c'è un altro problema: se il font che utilizziamo nel nostro blog non è installato sul computer del lettore, allora quest'ultimo visualizzerà il post con un carattere di default che non è quello che abbiamo scelto noi.
Copyright © Iole - Non è consentito ripubblicare, anche solo in parte, i post di questo blog senza l'esplicito consenso dell'autrice.

42 commenti

  1. il rischio è di vedere dei post criptati... a noi è capitato cosi'... e siamo tornate immediatamente alla "base"...
    Ciao Iole e grazie...
    Il tuo blog sta diventando casa mia...

    RispondiElimina
  2. Sei la migliore blogger italiana.
    I tuoi post sono sempre interessantissimi e sono i primi che leggo.
    Un saluto
    P.S. Non sono avvezzo a fare dei complimenti

    RispondiElimina
  3. @Ale: cosa intendi per post criptati???
    @parsifal32: il migliore è Tenebrae! Cmq ti ringrazio per i complimenti.

    RispondiElimina
  4. significa che se la mia socia scriveva con un carattere che io non avevo, il post io lo vedevo con caratteri incomprensibili, ogni lettera era un simbolo per intenderci. Questo è capitato anche ad altri lettori

    RispondiElimina
  5. @Ale: ho capito! Cmq se si utilizzano font molto diffusi (come ad esempio Comic) non ci dovrebbero essere problemi.

    RispondiElimina
  6. molto interessante!!!

    voglio provare!

    RispondiElimina
  7. Grande Iole!!!! :D
    Cercavo giusto da un po' di tempo questa cosa dei font e parsifal32 ha ragione....sei tu la migliore!!! ;)
    baci baci

    RispondiElimina
  8. @BudTerence: grazie a te per le richieste. Questo weekend spero di riuscire a realizzare l'header per il tuo blog.
    @Federica: ok, provaci e fammi sapere.
    @danny*: bastava chiedere a me :)

    RispondiElimina
  9. Molto interessante questa modifica del carattere del testo, ma penso che per il momento userò sempre le predefinite di Blogger per non avere problemi...

    RispondiElimina
  10. Ho detto che sei la migliore blogger. Tenebrae è una donna?
    Se vuoi fare contenti molti utenti di Blogger prova a dare uno sguardo a questo sito
    http://riffly.com/
    Ci sono delle API per inserire dei commenti audio-video. Per quanto riguarda Wordpress c'è il plugin ma forse si può fare qualcosa anche con Blogger.
    Io non ci sono riuscito :-(

    RispondiElimina
  11. @Den: anch'io utilizzerò quelli di Blogger.
    @parsifal32: hai ragione, Tenebrae è un uomo! Ti ringrazio per la segnalazione del sito http://riffly.com/, gli darò un'occhiata, mi documento un po' e ti faccio sapere.

    RispondiElimina
  12. Cio Iole, ho bisogno di parlarti in chat più tardi. Ti spiego velocemente: Ho creato un'header in flash Link: http://www.wix.com/budterencefe/BudTerenceFe-Hader-New?experiment_id=&wixComputerID=LhXcrGtZ4b0n30/IgEoK2s1VH%2Bg28lTps1LT5ucJeKfIAS12VTz1lAOiZH2SwBspU0zuMBd9XvDKzxz6zgma9w%3D%3D&wsess=336662bc-93d2-44ff-9e67-3bfbbd14228f&gu_id=009a84d3-643b-4d56-8528-bbcf6c91bd46&partner_id=WMGs4POB1ko-a ma non so come inserirla come header. L'ho già pubblicata su questo blog di prova: http://prova-header.blogspot.com Come posso fare?

    RispondiElimina
  13. Grazie lo stesso, ho già risolto...puoi guardare nel mio blog

    RispondiElimina
  14. @BudTerence: bravo, ottimo lavoro. Vedo che ormai sei diventato un esperto di html e template blogger!

    RispondiElimina
  15. Ciao Iole ... secondo te c'è un modo per cambiare anche il carattere del titolo del post?
    un baciotto ... buona notte!

    Giugiù

    RispondiElimina
  16. @Giugiu': sì, devi aggiungere
    font-family: angelina; dopo .post h3 {

    RispondiElimina
  17. fatto ... grazie!
    Ora mi resta solo da ingrandire il carattere ... se sei così gentile da indicarmi la strada! (^_^)
    UN BACIO

    Giugiù

    RispondiElimina
  18. @Giugiu': sempre in .post h3 { devi cambiare font-size:140%; con la dimensione che preferisci.

    RispondiElimina
  19. Ciao ho problemi ad inserire il font...
    si chiama "Angelica" ho provato mettendo l'esempio e mi va tutto alla perfezione ma con questo no. Link al font questo è il font in discussione sapresti dirmi il suo font family??
    Un altro dubbio come faccio ad impostare il font per tutto il Blog??(titoli post, commenti, ecc..)Ho provato aggiungendo di fianco alle altre scritture la mia con gli apici come per quella predefinita ma nn è andata forse perche nn mi riconosce il font...aspetto notizie thx

    Ps.: Complimenti per quello che fai molti tuoi posti mi sono e mi servono di aiuto ^^

    RispondiElimina
  20. @caspita: la font family è
    font-family:Angelica;
    Per impostare il font per tutto il blog devi aggiungere font-family:Angelica; dopo body {.

    RispondiElimina
  21. Non so se l'hai provato anche tu ma con quel font nn funziona...impostandolo con gli altri font funziona e mi cambia tutto però con quello nn mi va :(

    RispondiElimina
  22. @caspita: cosa intendi per "con quel font nn funziona"? Come ho scritto nel post se il font (in questo caso Angelica) non è installato sul computer, allora vedrai il post con un carattere di default che non è quello che hai scelto.

    RispondiElimina
  23. Dunque il font è istallato sul pc perche ci scrivo con word...solo che se lo uso facendo come hai descritto tu (font-family:Angelica;) nn mi cambia il carattere...mentre se inserisco font-family:Comics ms; funziona..
    ...cmq grazie lo stesso userò un altro font ^_^

    RispondiElimina
  24. @caspita: allora mandami via email il template completo del tuo blog che do un'occhiata al codice html, lo provo su un mio blog di prova e ti faccio sapere cosa non va!

    RispondiElimina
  25. ciao iole, complimenti!

    anche io vorrei cambiare la famiglia di font per tutto il mio blog (www.doctorbrand.it) ed inserire il century gothic. Come potrei fare per avere la famiglia "Century Gothic" direttamente nel menù di scelta di LAYOUT - CARATTERI E COLORI (oltre ai predefiniti arial, georgia, trebuchet, courier, times, verdana)?

    Grazie mille, a presto! :)

    RispondiElimina
  26. @Jacopo: se vuoi aggiungere la font-family Century Gothic, ti basta aggiungere al codice

    <Variable name="bodyfont" description="Text Font"
    type="font" default="normal normal 100% Georgia, Serif">


    la font-family Century Gothic prima delle altre già presenti, in questo modo:

    <Variable name="bodyfont" description="Text Font"
    type="font" default="normal normal 100% 'Century Gothic', Georgia, Serif">


    e così anche alle altre variabili headerfont, pagetitlefont, descriptionfont e postfooterfont.

    RispondiElimina
  27. Grazie per la risposta Iole...ho provato a seguire le tue indicazioni ma in LAYOUT - CARATTERI E COLORI vedo sempre:

    Famiglia di caratteri
    Arial Courier
    Georgia Times
    Trebuchet Verdana

    Century Gothic nn mi appare: molto probabilmente sbaglio io, eh beninteso!!! :'-(

    RispondiElimina
  28. @Jacopo: in Famiglia di caratteri continuerai sempre a vedere solo i 6 tipi di Blogger, mentre agendo direttamente sul template potrai aggiungere qualsiasi altra font-family.

    RispondiElimina
  29. Aaaaaaah ok, pensavo di aver sbagliato qualcosa!!! :)

    Grazie allora ci provo...

    RispondiElimina
  30. Questo commento è stato eliminato dall'autore.

    RispondiElimina
  31. Questo commento è stato eliminato dall'autore.

    RispondiElimina
  32. Ciao! Sto cercando di caricare sul mio blog un font particolare, uno di quelli che non si trova in office. C'è qualche possibilitá per far sì che tutti gli utenti, aprendo il mio blog, lo vedano o se non hanno il font installato nel loro computer non lo potranno cmq vedere? grazie!
    Rachele

    RispondiElimina
  33. @kiki e Rachele: purtroppo se un font non è installato sul pc non è possibile visualizzare il blog con quel font.
    Se su alcuni blog vi capita di vedere dei font "particolari" forse si tratta di immagini; ad esempio nel mio blog la scritta IOLE dell'header e quella che compare sotto l'angolino in alto a destra sono delle immagini e il font utilizzato è Anime che non è installato su tutti pc.

    RispondiElimina
  34. Iole è stato utilissimo questo post però
    - come faccio a modificare il titolo del post?
    - se il mio post è bello lungo come faccio a modificare in una volta sola il font senza andare a cambiare il nome della font family riga per riga?
    grazie mille

    RispondiElimina
  35. @Sale in zucca: per modificare il titolo del post devi modificare il template; in questo modo i titoli di tutti i tuoi post avranno la font-family che preferisci.
    La parte di codice da modificare è la seguente:

    <Variable name="post.title.font" description="Title Font" type="font"
    default="normal normal 30px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>

    Per modificare un intero post, lungo o corto che sia, seleziona tutto il testo e poi scegli la font-family.
    Se vuoi che tutti i post abbiano la stessa font-family allora ti consiglio di modificare il template così ogni volta che scrivi un post non ti devi preoccupare di selezionare la font-family.
    In più se un giorno decidi di cambiare aspetto al blog utilizzando una nuova font-family automaticamente tutti i post avranno il nuovo look (tranne quelli che però hai modificato impostando manualmente la font-family).
    Se non hai dimestichezza con le modifiche al template, contattami via email che ti aiuto io.

    RispondiElimina
  36. Ciaooo
    ho scoperto perchè non riuscivo a vedere la font family...non centrava nulla l'editor semplicemente avevo usato il font predefinito e non uno di quelli messi a disposizione.
    Lo dico qui forse può essere utile ad altri che magari come me non se ne sono accorti...anche se non tutti sono sbadati come me :O((
    Grazie.

    RispondiElimina
  37. Iole ciaooo scusa se sono qui di nuovo ma mi è venuto in mente una cosa. Ho letto le tue varie risposte a Jacopo ecc. in merito di aggiungere "family" però per tutto il blog.
    Siccome i sono quei 5-8 font in altermativa la predefinito per cambiare i caratteri del post (Arial.courier per citare alcuni più noti) in questa posizione del template (?) non è possibile aggiungere altri caratteri/font in modo da avere maggior scelta oltre a quelli prestabiliti dal modello??? In questo modo si ovierebbe al fatto di modificare manualmente la "font family" di tutti i paragrafi scritti del blog manualmente. Parlo ovviamente non del predefinito automatico ma tra quelli che vengono dati come scelta.
    Se ciò fosse possibile basterebbe sapere - e qui abbiamo bisogno di te, la posizione esatta per aggiungere e la relativa stringa di codice.
    Grazie Iole e scusa il disturbo.

    RispondiElimina
  38. @edvige: se non ha capito male mi stai chiedendo se esiste un modo per aggiungere altri font nel menu a tendina nell'editor dei post?
    La risposta è no!

    RispondiElimina
  39. Si era quello che intendevo.
    Grazie Iole peccato era una buona idea.... scusa ancora per il disturbo.
    Buona serata.

    RispondiElimina
  40. Articolo molto interessante, ci sono tanti tipi di font gratis per fortuna in internet per poter modificare quello del proprio blog.

    RispondiElimina

Licenza Creative Commons This blog by Iole is licensed under a Attribution-NonCommercial-NoDerivs 3.0 Unported License.
Copyright © 2008- iolecal.blogspot.it|Design by Iole|Privacy Policy