Il carattere è parte integrante del web design, conferendo al sito uno stile distintivo. Il testo di alta qualità sulla pagina dovrebbe apparire armonioso, essere combinato con il resto degli elementi del sito e allo stesso tempo contribuire a una migliore percezione delle informazioni. Utilizzando il markup HTML e le tabelle CSS a cascata, puoi personalizzare quasi tutte le impostazioni per massimizzare le prestazioni della pagina.
Necessario
file di caratteri in formato TTF
Istruzioni
Passo 1
Per utilizzare un set di caratteri installati sul tuo computer, puoi utilizzare il parametro font-family dei fogli di stile a cascata. Per fare ciò, inserisci il seguente codice per l'articolo desiderato:
Testo
Questo comando visualizzerà l'intestazione h2 di secondo livello nel carattere Arial.
Passo 2
Se vuoi utilizzare un tuo font, devi prima caricarlo sull'hosting e abilitarlo utilizzando l'apposito comando. I file TTF sono inclusi con il seguente comando:
L'attributo font-family in questo caso specifica il nome del carattere tipografico e src: url (font.ttf) specifica il percorso del file TTF.
Passaggio 3
Dopo aver abilitato l'elemento, puoi utilizzarlo per visualizzare il testo:
Testo
Questo comando è responsabile della visualizzazione del font font richiesto in corsivo nell'intestazione del secondo livello. Se il browser dell'utente non supporta la gestione dei file TTF, verrà utilizzato il carattere di sistema specificato dopo la prima virgola (in questo caso Verdana).
Passaggio 4
Alcuni browser non supportano TTF scaricabile. Ad esempio, Internet Explorer 8 utilizza il formato EOT per visualizzare il testo. Per tali browser, converti il TTF originale utilizzando più servizi e includi il carattere tipografico risultante nel parametro @ font-face allo stesso modo.
Passaggio 5
Se vuoi importare il file di cui hai bisogno da un'altra risorsa, usa il comando @import, che deve essere scritto nella parte superiore del documento CSS:
@import url (https:// font_address)
