February 10
Cascading Style Sheets (CSS) permettono di inserire i propri font da utilizzare nelle pagine Web. Questa è una caratteristica di CSS di livello 3 (CSS3) ed è compatibile con tutti i browser che supportano le proprietà CSS3, come Internet Explorer 9 e l'alto o Firefox 3.5 e superiori. Finché il tipo di carattere che si desidera utilizzare ha una licenza che consente l'incorporamento, puoi caricarlo sul server e scrivere il codice CSS per incorporare nelle pagine Web. Una volta incorporato, utilizzare il nuovo tipo di carattere, come si farebbe con qualsiasi tipo di carattere Web-safe
1 Individuare sul computer un file di font TTF che si desidera incorporare o scaricare una nuova. In Windows, file di font si trovano qui:
C: \ Windows \ Fonts
Aprire un programma client FTP e accedere al conto FTP hai attraverso il vostro host web. È inoltre possibile utilizzare lo strumento di gestione dei file nel vostro cPanel per caricare i file su un host web.
2 Aprire la pagina Web in Blocco note e aggiungere la regola "@ font-face" dopo l'apertura "<style>" tag. Se la pagina Web non contiene ancora "<style>" tag, aggiungerli nella testa del file:
<Style type = "text / css">
@carattere tipografico {
}
</ Style>
3 Utilizzare la proprietà font-family per assegnare un nome al tipo di carattere in CSS:
@carattere tipografico {
font-family: 'Font Nome Qui';
}
4 Impostare la proprietà source (SRC) per indicare l'URL del file di font sul server:
@carattere tipografico {
font-family: 'Font Nome Qui';
src: URL ( 'path / to / myfont.ttf') formato ( 'TrueType');
}
5 Scrivi una regola di stile che utilizza il carattere incorporato:
h1 {
font-family: 'Font Nome Qui';
font-size: 24px;
colore blu;
}
Questo esempio si applica il tipo di carattere "<h1>" tag. Quando si utilizza il carattere incorporato in regole di stile che colpiscono parti della pagina Web, il metodo è lo stesso utilizzando qualsiasi tipo di carattere Web-safe. Colori impostare, dimensioni, stili e pesi, se necessario.