Fogli di stile CSS, o CSS, è uno strumento che consente a sviluppatori di siti Web o proprietari di applicare stili a qualsiasi o tutti gli elementi di un sito Web HTML. CSS3, la versione più recente a partire dal 2010, consente di caricare i file TTF o OTF sul vostro server in modo che è possibile utilizzare font non standard sul tuo sito Web. Questo metodo consente una maggiore scelta di font per personalizzare ulteriormente l'aspetto dei vostri elementi della pagina Web. Anche i visitatori che non hanno il tipo di carattere personalizzato installato sarà in grado di vederlo sul tuo sito.

Istruzioni

Caricare Font

1

Lanciare il vostro programma FTP e digitare le informazioni utente nome, password e server nei campi appropriati.

2

Pres "Invio" oppure fai clic sul pulsante "Connetti".

3

Passare alla cartella, ad esempio la cartella di base del tuo sito Web, nel riquadro "Server remoto" del vostro programma FTP. Si può anche scegliere di creare una nuova cartella per i caratteri come "di http://yourwebsite.com/fonts."

4

Passare alla cartella contenente il file di font sul tuo computer nel riquadro "Locale" del vostro programma FTP.

5

Fare doppio clic sul file del carattere o tasto destro del mouse e scegliere "Upload" per caricare il file. Prendere nota dell'URL, che può essere simile a "l'http://yourwebsite.com/fonts/fontname.ttf" Se si utilizza una cartella "Fonts" ed è un font TTF.

Modifica CSS

6

Fare clic destro sulla tua pagina HTML Web o un file CSS esterno nel tuo client FTP e seleziona "Scarica". Aprire il file nell'editor di testo.

7

Aggiungere il seguente blocco CSS prima il < / stile > tag nella sezione head del documento HTML:

@font-face () {

font-family: 'nome della font va qui';

src: url ('la http://yourwebsite.com/fonts/fontname.ttf')

}

Modificare l'URL effettivo del file dei font "l'http://yourwebsite.com/fonts/fontname.ttf".

Se si utilizza un foglio di stile esterno (come "Style. css"), semplicemente incollare il blocco di CSS alla fine del documento.

8

Aggiungere quanto segue ai CSS la testa o il foglio di stile esterno:

.specialtext () {

font-family: 'Nome tipo di carattere'

}

Modificare "Nome Font" per il nome effettivo del tipo di carattere. È inoltre possibile modificare "specialtext" per qualsiasi parola descrittiva. Ad esempio, si potrebbe denominarlo "signaturetext" Se si sta utilizzando un tipo di carattere corsivo per emulare una firma.

9

Salvare il file di pagina Web o CSS aprendo il menu File e selezionando "Salva".

10

Caricare il file al server di host Web facendo doppio clic su di esso nel riquadro locale del tuo client FTP o trascinando e rilasciando e dalla sua posizione sul tuo computer nel riquadro remoto del programma FTP.

Modificare il codice HTML

11

Scaricare e aprire il file HTML che si desidera modificare, se è diverso dal file che conteneva il tuo CSS.

12

Aprire il file HTML in un editor di testo come blocco note.

13

Inserire qualsiasi testo che si desidera utilizzare il tipo di carattere non standard con tra il < classe p = "specialtext" > e </p > Tag così assomiglia a questo:

< classe p = "specialtext" > questo testo verrà utilizzato un font non standard. < p >

14

Se hai cambiato il selettore CSS nel foglio di stile/testa, modificare "specialtext".

15

Salvare e caricare il tuo file HTML.

Consigli & Avvertenze

• È possibile includere diversi tipi di carattere standard nel CSS, come nell'esempio seguente, dove "standardfont1" e "standardfont2" sono controfigure per i nomi di font standard effettivo.
• .specialtext () {
• font-family: 'Nome tipo di carattere', standardfont1, standardfont2; }
• È possibile impostare la proprietà font face dei selettori comuni come "corpo", "div", "p" o "h1" nel tuo CSS se si desidera che tutti coloro pagina elementi per utilizzare il tipo di carattere non standard.
• È possibile applicare la classe CSS a qualsiasi elemento contenitore compreso "p", "div" e "span".