Come installare un nuovo font sul forum

[Ospite]

Mi piacerebbe poter cambiare il carattere di scrittura sul mio forum.
Ho provato ad andare su visualizzazione>colori ecc... ho messo il font che volevo, ma non me lo visualizza, anzi ne appare uno di base diverso.
Quindi mi chiedo: è possibile installarne di nuovi? E se sì in che modo?
La versione del mio forum è phpbb3.
Grazie a chi mi risponderà!

[Teodor]

Ciao @Son ,

Allora per cambiare il font, basta che nel tuo css aggiungi questo:

Codice:

@font-face {
        font-family: 'NOME';
        src: url("LINK");
}

E modifichi nel seguente modo:
•Nome: metti il nome del carattere, mantenendo le virgolette.
•Link: modifichi con il link del font desiderato.


Puoi trovare il nome e i link dei vari font su Google fonts.

Fammi sapere.

Buona domenica su Forumattivo

[Ospite]

Ho messo il codice nel css e fatto come hai detto solo che non funziona.

[Teodor]

Tutorial per il cambio di Font


Prova a dare un'occhiata a questo tutorial verifica di aver fatto tutto correttamente.

[Ospite]

Mi dice che solo gli utenti con accesso speciale possono visualizzare quel forum.

[Teodor]

Si hai ragione,


Prova con questo codice:

Codice:

body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px!important;
}

Ovviamente modificalo a piacere

[Ospite]

Non funzione nemmeno questo.

[Teodor]

Prova ad aggiungerlo alla fine del css.
Proprio come ultimo codice.

[Ospite]

E' alla fine

[MattiaDes]

Alloraaaa, ciao @son il procedimento è il seguente

1. Vai in questa pagina: https://www.google.com/fonts/#

2. Cerca il font che ti interessa e clicca su questa icona:

3. Ti comparirà una pagina, dove al terzo step ci sarà un codice simile a questo:

Codice:

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

4. Copialo ed inseriscilo nel head del tuo forum tramite template

5. Aggiungi questo codice CSS:

Codice:

body {
CODICE QUI
}

Forniscimi i codici prima di inserirli, così controllo se li hai messi giusti

[Ospite]

Ok, ora provo.
L' unica cosa, prima ho provato a cambiare anche nel pannello "colori" il nome del font e funzionava, ma non con qualsiasi font, solo con alcuni, come mai?

EDIT: in quale punto dei template devo inserire il codice?
E soprattutto, va bene metterlo in overall_header?

[MattiaDes]

In overall_header sì, prima di </head>

[Ospite]

Ok grazie!
Codici mandati.

[MattiaDes]

Ok ottimo, il codice CSS che mi hai mandato va bene, sei consapevole del fatto però che così come lo hai messo il risultato sarà in corsivo, giusto? Inoltre ho visto che hai anche messo il css per modificare la grandezza

Codice:

body {
    font-family: 'Delius Swash Caps', cursive !important;
    font-size: 13px !important;
}

Per l'altro codice mettilo in overall_header prima di /head e salva + pubblica le modifiche. Fammi sapere

Come risultato a me viene una cosa del genere:

[Ospite]

Sì grazie!
Volevo chiedere un' ultima cosa: posso cambiare con qualsiasi font? Quelli di google font e basta?
Perchè ho visto che non me li prende tutti...

EDIT: è normale che il tag 

Codice:

</head>

cambi di colore e diventi rosso acceso con l' inserimento del codice di google font?

[Niko]

Ciao @son

in particolare cosa hai inserito prima di ?  

[Ospite]

Il link del font che ho scelto

Codice:

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

Mattia, mi ha detto di inserirlo lì.

[Niko]

Sisi è giusto

il fatto che diventi rosso non è un problema.. ma se proprio ci tieni a risolverlo hai due possibili soluzioni:

• Inserisci questo al posto di quello che hai già messo
  

  Codice:

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

• Vai verso PDA > Generale > Motori di ricerca > Tag supplementari >
  Tipo d'aggiunta: Foglio CSS
  Contenuto: https://fonts.googleapis.com/css?family=Handlee

Fammi sapere

[Ospite]

Rimane rosso lo stesso, ma se non è un problema non ci stare ad ammattire.
Mi era venuto il dubbio che visto il rosso accesso potesse creare dei problemi, ecco perchè l' ho chiesto.

[MattiaDes]

Se vuoi far scomparire il rosso, aggiungi questo al posto di quello di prima:

Codice:

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

Ci ho aggiunto un / finale.. praticamente alcuni editor segnalano un errore se non vedono i tag chiusi

Comunque puoi cambiare con qualsiasi font, sì

[Ospite]

Perfetto, grazie mille!

[MattiaDes]

Ottimo