Come definire un carattere Arial in CSS

January 14

Se pubblichi sul tuo blog o sito web, si può decidere di cambiare alcuni elementi del formato. Mentre ci sono un sacco di programmi disponibili per aiutare a costruire un sito web, se si vuole solo fare qualcosa di semplice cambiare come il carattere del tuo lavoro scritto da un font serif per il più leggibile Arial, sporcarsi le mani con un po 'di CSS può la soluzione perfetta.

istruzione

1 Aprire il codice HTML che si desidera modificare e cercare nella sezione in alto etichettata <head> per il <style type = "text / css"> codice. Se si sta lavorando con una pagina vuota e desidera scrivere tutto il codice da zero, entrare nella <head> e <style type = "text / css">, premendo il tasto "Invio" dopo ogni tag.

2 Sotto la <style type = "text / css"> intestazione, copiare e incollare il seguente in una riga vuota:

p.sansserif {font-family: Arial}

Se "p.sansserif" è già definita qui, semplicemente sostituirlo.

3 Premere il tasto "Enter". Tipo "</ style>", "</ head>" e "<body>" se si sta scrivendo il codice per la tua pagina da zero, premendo invio dopo ogni tag. Passare sotto il tag "<body>", se si sta lavorando con html già scritto.

4 Trova il testo che si desidera modificare per Arial se si sta lavorando con il codice di prewritten.

5 Digitare quanto segue prima di qualsiasi testo che si desidera avere nel carattere Arial:

<P class = "SANSSERIF">

6 Tipo "</ p>" alla fine del testo che si vorrebbe avere in Arial. Premere il tasto "Enter" e digitare "</ body>" e "</ html>" se si sta scrivendo il testo da zero, premendo "Invio" dopo ogni.

Consigli e avvertenze

  • Utilizzare le virgolette quando si lavora con un nome di carattere che è più di una parola; per esempio, font-family: "Times New Roman".
  • Aggiungere tipi di testo aggiuntive quando si definisce il CSS sotto il <style type = "text / css"> intestazione, nel caso in cui il tipo che si desidera avere apparire non è supportato dal browser il sito del visitatore, inserendo nei nomi dei font aggiuntivi in ordine di più al meno preferito, come il seguente esempio:
  • p.sansserif {font-family: Arial, Helvetica, sans-serif;}
  • Ogni volta che la modifica del codice web, assicurati di salvare una copia del file .html originale in un documento di testo in modo da poter ripristinare se qualcosa va storto.