Guida all'utilizzo dei Google Fonts

« Older   Newer »
 
  Share  
.
  1.  
    .
    Avatar

    Senior Member

    Group
    Helper
    Posts
    40,551
    Location
    Trinacria

    Status
    Anonymous

    Guida all'utilizzo dei Google Fonts



    Google Font è una collezione di web font open source realizzati da designer di tutto il mondo per essere utilizzati nei siti web, questi possono quindi essere usati per migliorare l'aspetto grafico del proprio forum o blog.

    La galleria può essere consultata tramite questo link : https://fonts.google.com/

    Per selezionare un font è necessario cliccare sul simbolo + posizionato in alto a destra rispetto al quadrato del font.

    ba317466e388177375531ff5cc15d817



    Una volta cliccato sul pulsante, comparirà in basso a destra una barra con il numero di font selezionati, che una volta cliccata permetterà di selezionare il metodo con il quale importare il font.

    7ada775c86b6d85b2092a70099bb8d1c



    - 1° Metodo (consigliato*)

    *Questo metodo è consigliato in quanto, evitando di inserire file esterni, non si rischia di rallentare il caricamento della pagina (soprattutto quando si vogliono importare più font)

    Per utilizzare il primo metodo bisogna aprire su un'altra scheda il link presente nel primo codice, quello che si trova sotto le scritte "Standard" e "@IMPORT"

    2e09c535d0237138ea1fc888b848bd60



    una volta aperto il link, bisogna copiare il codice CSS presente nella pagina in Amministrazione > Grafica > Colori e stili (la posizione non è importante)

    - 2° Metodo

    Il secondo metodo prevede l'utilizzo del file CSS esterno, bisogna copiare il codice che compare sotto "Standard"

    c0a6753f535868541f3e48dd7771199b


    in Amministrazione > Sito Web > Statistiche e opzioni, sotto la voce "Altre opzioni" nel box di testo "Codice da aggiungere nella sezione head:".




    Sotto la voce "Specify in CSS" viene anche spiegato quale valore inserire nella proprietà "font-family" del nostro codice

    7e4a9a2c7c0e3a2b60a4ef3520ab673a


    se vogliamo quindi inserire una scritta nell'html del nostro forum con quel determinato font, possiamo farlo così
    HTML
    <span style="font-family: 'Open Sans', sans-serif;">Questo è il testo con il font scelto</span>


    Vi ricordiamo che i font standard, come Arial, Comic Sans, Georgia, Tahoma, Courier new
    ed altri non hanno bisogno di essere importati, in quanto sono già installati di default nel sistema operativo.


    Per qualsiasi problema o domanda, aprite una nuova discussione nella sezione Supporto di questo forum.

    Edited by LordAndrew - 3/9/2016, 16:28
     
    .
  2.  
    .
    Avatar

    Advanced Member

    Group
    Tester
    Posts
    6,211
    Location
    Nowhere. Nothingness in the Starry Sky.

    Status
    Anonymous
    Grazie, mi serviva questa guida.
     
    .
  3.  
    .
    Avatar

    Senior Member

    Group
    Silver Skinner
    Posts
    12,737

    Status
    Anonymous
    Un metodo alternativo che non conoscevo, lo proverò :)
     
    .
  4. Without_Loved
     
    .

    User deleted


    Grazie Connie... Sei fenomenale...
     
    .
  5.  
    .
    Avatar

    Millennium Member

    Group
    Member
    Posts
    333,772

    Status
    Anonymous
    scusate...mi unisco a questo post....per chiedere.....ma per avere tutto il forum....con una scritta diversa....dalla solita....e parlo di tutto...titoli,post,discussioni ecc...insomma tutto....è possibile????...e se si....come si fà?????...grazie e scusate ma non sono pratica... :)

    http://curiosando1.forumfree.it/
     
    .
  6.  
    .
    Avatar

    Staff

    Group
    ForumFree Staff
    Posts
    48,879

    Status
    Anonymous
    Devi andare in questa pagina e cercare tutte le occorrenze di font-family (puoi usare lo strumento di ricerca) mettendo come primo font quello che vuoi far apparire (puoi metterne più di uno).

    Ti metto le occorrenze che ci sono nel tuo css.
    HTML
    body {background-color: #FFF; font-family: comic sans ms; font-size: 10pt; color: #E3D7FF}
    table, div {font-family: comic sans ms; font-size: 8.5pt; color: #000000}

    .menuwrap {font-size: 12px; font-family: verdana, tahoma, arial, sans-serif; background: #333; background: linear-gradient(#404040,#1A1A1A); box-shadow: 0 1px 2px rgba(0, 0, 0, .5); -moz-box-shadow: -2px 1px 2px rgba(0, 0, 0, .5)}

    /* INPUT */
    .textinput {background-color: #FFF6E3; color: #000; font-size: 8.5pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle; border: 1px solid #FFF6E3}
    .foot .forminput, .darkbar .forminput, .row1 .forminput {font-size: 8pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle; background-color: #FFF6E3; color: #000; border: 1px solid #000}
    .forminput {font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #000; background-color: #FFF6E3}
    .input, .codebuttons {font-size: 7.5pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #000; background-color: #EEE; border: 1px solid#FFF6E3}


    E poi anche questa:
    CODICE
    .menuwrap input {padding: 3px; font: 11px verdana, arial, sans-serif; color: #000; background: #AAA; border: 1px solid #000; border-radius: 4px; box-shadow: 0 1px 0 #444}

    Qui come vedi non è usato font-family, ma va bene lo stesso. E inoltre sono messi in lista più font, così da non avere problemi se l'utente non ha installato il primo che metti.
     
    .
  7.  
    .
    Avatar

    Millennium Member

    Group
    Member
    Posts
    333,772

    Status
    Anonymous
    Grazie Kakashi....veramente ho capito...molto poco....cmq....con un pò di pazienza....può essere che riesco a fare qualcosa....forse... :lol: di nuovo grazie..... :)
     
    .
  8.  
    .
    Avatar

    Staff

    Group
    ForumFree Staff
    Posts
    48,879

    Status
    Anonymous
    Sì, non è molto comprensibile (almeno all'inizio).
    Se scegli un font te lo posso cambiare io nel tuo forum.
     
    .
  9.  
    .
    Avatar

    Millennium Member

    Group
    Member
    Posts
    333,772

    Status
    Anonymous
    GRAZIEEEEEEEEEEEE....che carino che sei...allora per es....quello messo quì sopra nella spiegazione...Petit formal script....è possibile????....magari mi piace da morire.....se nò..lo cercherò con calma....ma se si potesse quello....saebbe il massimo..... :) :) :)
     
    .
  10.  
    .
    Avatar

    Staff

    Group
    ForumFree Staff
    Posts
    48,879

    Status
    Anonymous
    Ho fatto la modifica.
    Se ti piace solo in alcune parti del forum e in altre no, possiamo mantenere il font solo per quelle parti.
     
    .
  11.  
    .
    Avatar

    Millennium Member

    Group
    Member
    Posts
    333,772

    Status
    Anonymous
    CHE MERAVIGLIAAAAAAA...è bellissimooo...grazieeeeeeeeee...no no per il momento lo trovo bellissimo dapertutto.....mamma mia quanto mi piace!!!!!!!!!!!!!!...grazieeeeeeeeee...un bacioneeeeeeeeeeee... :) :) :) :) :) :)
     
    .
  12.  
    .
    Avatar

    Millennium Member

    Group
    Member
    Posts
    333,772

    Status
    Anonymous
    Rieccomi....Kakashi ascolta quando entro per fare un post....il colore nero ma anche gli altri sono chiarissimi....non è che si può aumentare o fà parte del font????
     
    .
  13.  
    .
    Avatar

    Staff

    Group
    ForumFree Staff
    Posts
    48,879

    Status
    Anonymous
    Cosa vuoi aumentare? La grandezza o scurire il colore del font?
     
    .
  14.  
    .
    Avatar

    Millennium Member

    Group
    Member
    Posts
    333,772

    Status
    Anonymous
    scurire il colore....
     
    .
  15.  
    .
    Avatar

    Staff

    Group
    ForumFree Staff
    Posts
    48,879

    Status
    Anonymous
    Essendo già nero il font non si poteva scurire, ne ho aumentato un po' la grandezza.
    Se non ti soddisfa ancora possiamo seguire almeno tre strade: ingrandire ancora, metterlo in grassetto, mettergli un'ombra. Tutte e tre sono modi per far risaltare il testo (in modi differenti).
    A questo punto però stiamo andando un po' off topic qui, conviene aprire un topic nella sezione Supporto.
     
    .
105 replies since 23/3/2014, 16:33   23955 views
  Share  
.