Quando CREAS pagine Web, È possibile scegliere tra un numero di fonti da applicare per la testi dello stesso. Ma, Cosa succede se vogliamo che il nostro sito web abbia una fonte in Speciale?
Non male, la prima cosa è Per trovare i file di origine che si desidera utilizzare. Per fare questo, con un semplice Ricerca da Internet troverete migliaia di loro pronto per il download. In questo caso, Useremo il formato TrueType, per fare questo, l'origine che si scendeva deve avere l'estensione del file TTF.
Una volta che avete, per aggiungere questa fonte al vostro web page, semplice come aggiungere le seguenti righe al foglio di stile.
1 2 3 4 5 6 | @font-face { font-family: 'NombreFuente'; src: url('../fonts/fuenteDescargada.ttf') format("truetype"); font-weight: normal; font-style: normal; } |
In questo codice, NombreFuente Specifica il nome che si vuole dare a questa nuova fonte; e nella terza linea codice, nell'attributo src È necessario indicare il percorso, all'interno del sito web che si sta creando, dove avete salvato il sorgente scaricato.
Una volta aggiunto questo codice al vostro foglio di stile, o direttamente alla pagina utilizzando HTML, Basta usare questa nuova fonte come faresti normalmente qualsiasi altro, vale a dire, tramite l'assegnazione di, per l'attributo famiglia di caratteri lo stile dell'elemento che si desidera, il valore che si dispone di dati nel codice precedente.
1 | <p style="font-family: 'NombreFuente';">Mi texto</p> |
Siamo quindi mostrarvi un paio di esempi:
- Esempio 1 uso di origine personalizzato
- Esempio 2 uso di origine personalizzato
Si può fare fare il tuo sito Web un aspetto migliore utilizzando qualsiasi tipo di carattere si desidera e non solo, per impostazione predefinita, consentire cross-browser.
