Usare font di Google su Forumfree/Forumcommunity

« Older   Newer »
 
  Share  
.
  1. AngelNeo89
    view post Posted on 15/6/2012, 16:52
        +1   Top   Dislike
     
    .
    Avatar

    Senior Member

    Group
    Amministratori
    Posts
    20,495
    Stima
    +189

    Status
    Anonymous


    Ciao a tutti! Oggi voglio insegnarvi il modo più semplice per avere i font di google (questi per intenderci) sul vostro forum. Per prima cosa rechiamoci qui e scegliamo un font in base alla nostra preferenza. Una volta scelto cliccate su "Quick-use". Ad esempio io ho scelto un font denominato "Raleway" che è molto elegante ed è in stile light. Ora andate sul vostro forum,in Codice HTML ed incollate il link in questo modo:

    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=NOMEFONT">

    Al posto di NOMEFONT mettete quello che trovate su googlewebfont con un link di questo tipo:

    CODICE
    http://fonts.googleapis.com/css?family=NOMEFONT


    Ora che avete correttamente installato il font potete richiamarlo con l'utilizzo del "font-family" che trovate nella parte finale della pagini "quick-use" dove siete andati prima.

    Ecco un esempio. Il codice dell'esempio è il seguente:

    In Colori e stili:

    CODICE
    .text {font-size: 18px; color: #000; text-align: left; font-family: 'Raleway', cursive}


    In Codice Html:

    CODICE
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Raleway:100">

    <div class="text">

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor <del>incididunt</del> ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris <b>nisi</b> ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat <i>nulla</i> pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa <u>qui</u> officia deserunt mollit anim id est laborum.

    </div>
    Web
     
    .
  2. Grillalot
    view post Posted on 26/7/2012, 11:21
        Top   Dislike
     
    .

    User deleted
    Ciao AngelNeo!

    Vorrei capire come cambiare il font di un singolo post all'interno d'una discussione.
    Ho provato a cercare sul web, ma ci sono tutte indicazioni incomplete, perché molta gente dà per scontato che il richiedente sia pratico di codice HTML (non è il mio caso).

    Ora, il font che vorrei usare nel mio forum è questo: (aggiungici il solito accattittippì://vuvuvu. )

    google.com/webfonts/#QuickUsePlace:quickUse/Family:Cookie

    Partendo dall'opzione "Amministrazione" nella pagina del mio forum, ho cliccato poi su "Codice HTML" (nel menù di amministrazione) ed inserito il codice

    <link href='https://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>

    nell'area "Codice HTML che sarà mostrato in CIMA a tutte le pagine", dato che vorrei utilizzare lo stesso font in altre discussioni, in futuro.
    Ho salvato...e poi, ignorando come accompagnare il richiamo

    font-family: 'Cookie', cursive;

    suggerito da google, all'interno del mio post, mi sono bloccato.

    Cosa dovrei fare?
    Buona giornata, e grazie!

     
    .
  3. AngelNeo89
    view post Posted on 1/8/2012, 08:47
        Top   Dislike
     
    .
    Avatar

    Senior Member

    Group
    Amministratori
    Posts
    20,495
    Stima
    +189

    Status
    Anonymous
    Innanzitutto il codice in cima da inserire è il seguente:
    CODICE
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Cookie">


    Poi se vuoi appaia in tutte le discussioni devi trovare la dicitura .color ed inserire tra gli attributi di questa classe font-family: 'Cookie', cursive;.

    Esempio: .color {font-family: 'Cookie', cursive}
    Web
     
    .
  4. RaVeN RkO
    view post Posted on 21/8/2012, 18:26
        Top   Dislike
     
    .

    User deleted
    Ciao angel, volevo chiederti e per ingrandire la scrittura?
    Come devo fare? (sempre se si può :D)

    Intendo cambiare la grandezza standard del font
     
    .
  5. AngelNeo89
    view post Posted on 21/8/2012, 21:05
        Top   Dislike
     
    .
    Avatar

    Senior Member

    Group
    Amministratori
    Posts
    20,495
    Stima
    +189

    Status
    Anonymous
    font-size: NUMEROpx
    Web
     
    .
  6. RaVeN RkO
    view post Posted on 21/8/2012, 23:24
        Top   Dislike
     
    .

    User deleted
    Devo inserirlo in codici HTML o Colori e Stili?
     
    .
  7. AngelNeo89
    view post Posted on 22/8/2012, 22:16
        Top   Dislike
     
    .
    Avatar

    Senior Member

    Group
    Amministratori
    Posts
    20,495
    Stima
    +189

    Status
    Anonymous
    In colori e stili!
    Web
     
    .
  8. RaVeN RkO
    view post Posted on 22/8/2012, 23:07
        Top   Dislike
     
    .

    User deleted
    Uhm Strano non va su FF
     
    .
  9. Speransia
    view post Posted on 24/11/2012, 02:52
        Top   Dislike
     
    .
    Avatar

    Junior Member

    Group
    Member
    Posts
    61
    Stima
    0

    Status
    Offline
    molto utile.. posso scriverlo nel mio blog, citando il link di questa discussione come fonte?
     
    .
  10. AngelNeo89
    view post Posted on 24/11/2012, 10:18
        Top   Dislike
     
    .
    Avatar

    Senior Member

    Group
    Amministratori
    Posts
    20,495
    Stima
    +189

    Status
    Anonymous
    Si certamente! :)
    Web
     
    .
  11. ]Crusader[
    view post Posted on 28/12/2012, 04:07
        Top   Dislike
     
    .

    User deleted
    salve, scrivo perchè ho problemi col mettere il mio codice di Google Webfonts sul forum :
    In pratica ogni volta che scrivo il codice che dovrebbe implementare i due Font, lo copio-incollo nella sezione
    CITAZIONE
    Codice HTML che sarà mostrato in CIMA a tutte le pagine

    della sezione "Codice HTML" nell'Amministrazione; clicco su Salva Modifiche, poi torno a vedere se il codice c'è ancora e non c'è... scomparso, puff

    Ho provato a mettere il codice dentro un <header>, ho provato a inserire un solo Font anziche due e ho provato a mettere lo stesso codice in TUTTE le sottosezioni che si trovano ne "Codice HTML".. ma niente, svanito tutto (tranne l'<header>).
    Quindi, non so più che fare :

    il codice è questo qui:
    CODICE
    <link href='http://fonts.googleapis.com/css?family=Paprika|Trocchi' rel='stylesheet' type='text/css'>


    Grazie dell'aiuto :)
     
    .
  12. AngelNeo89
    view post Posted on 28/12/2012, 13:13
        Top   Dislike
     
    .
    Avatar

    Senior Member

    Group
    Amministratori
    Posts
    20,495
    Stima
    +189

    Status
    Anonymous
    Questo è il codice giusto:

    CITAZIONE
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=NOMEFONT">
    Web
     
    .
  13. ]Crusader[
    view post Posted on 28/12/2012, 14:12
        Top   Dislike
     
    .

    User deleted
    O_o .... bastava cambiare la posizione di "rel" e "type" rispetto a come li da Google?... *facepalm*
    ok, grazie.. ora funziona perfettamente. Scusate il disturbo :\
     
    .
  14. AngelNeo89
    view post Posted on 28/12/2012, 14:13
        Top   Dislike
     
    .
    Avatar

    Senior Member

    Group
    Amministratori
    Posts
    20,495
    Stima
    +189

    Status
    Anonymous
    Di nulla ;)
    Web
     
    .
13 replies since 15/6/2012, 16:52   1638 views
  Share  
.

Codici, script e guide per il tuo Forum
Create your forum and your blog! · Top Forum · Categories · Help · Status · Contacts · Powered by ForumCommunity