Guida all'utilizzo dei Google Fonts

« Older   Newer »
 
  Share  
.
  1. Connie
     
    .
    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
     
    .
105 replies since 23/3/2014, 16:33   25902 views
  Share  
.