Come scegliere font in un tema WordPress

È possibile modificare i font nel tuo tema WordPress per scopi di stile o di leggibilità. Esperti di design di carattere utilizzano semplici variazioni di carattere per ottenere risultati di design sorprendenti. È possibile utilizzare i font per separare i titoli dal corpo del testo (o titoli di widget e testo dal contenuto principale) ad essere meno distrazione.

Spesso usato Proprietà carattere
Proprietà dei caratteri Valori comuni Esempi CSS
font-family Georgia, Times, serif body {font-family: Georgia; serif;}
font-size px,%, em body {font-size: 14px;}
font-style corsivo, sottolineato body {font-style: italic;}
font-weight audace, più audace, normale body {font-weight: normal}

Font famiglia

Il web è in realtà tipo di pignoli su come visualizzare i font, così come il tipo di font è possibile utilizzare nella proprietà font-family. Non tutti i caratteri vengono visualizzati correttamente sul web. Per essere al sicuro, qui ci sono alcune famiglie di caratteri di uso comune che vengono visualizzati correttamente nella maggior parte dei browser:

  • Font serif: Times New Roman, Georgia, Garamond, e Bookman Old Style
  • Font sans-serif: Verdana, Arial, Tahoma, e Trebuchet MS

Font serif hanno poco code, o ghirigori, ai bordi delle lettere. (Questo testo è in un font serif.) Font Sans-serif hanno bordi dritti e sono privi di qualsiasi stile di fantasia.

Quando si desidera cambiare una famiglia di font nel CSS, aprire il foglio di stile (style.css), la ricerca di immobili: font-family, modificare i valori per quella proprietà, e salvare le modifiche.

Nel CSS modello predefinito, il carattere è definito nel tag <body> in questo modo:

font-family: Georgia, "Bitstream Charter", serif;

Colore carattere

Con oltre 16 milioni di combinazioni di colori HTML disponibili, si può trovare la giusta tonalità di colore per il vostro progetto. Dopo qualche tempo, youâ € ll memorizzare i codici dei colori preferiti.

CSS Common Colori
Colore Valore
Bianco #FFFFFF O #FFF
Nero # 000000 o # 000
Grays #CCCCCC O #ccc
#DDDDDD O #DDD
# 333333 o # 333 # E0E0E0

Si può facilmente cambiare il colore del vostro carattere modificando la proprietà colore del selettore CSS che si desidera modificare. È possibile utilizzare i codici esadecimali per definire i colori.

È possibile definire il colore generale di carattere nel tuo sito definendolo nel selettore CSS corpo in questo modo:

body {
color: # 333;
}

Dimensione carattere

Per modificare la dimensione del font, modificare la proprietà font-size del selettore CSS che si desidera regolare. Le dimensioni dei caratteri sono generalmente determinati dalle unità di misura, come in questi esempi:

  • px: misura Pixel, o px; aumentando o diminuendo il numero di pixel aumenta o diminuisce la dimensione del carattere (12px 10px è più grande).
  • pt: misura Point, o pt; come pixel, aumentando o diminuendo il numero di punti influenza la dimensione del carattere di conseguenza (12pt è maggiore di 10pt).
  • %: La misura percentuale, ovvero%; aumentando o diminuendo il numero percentuale influisce la dimensione del carattere di conseguenza (50% è l'equivalente di 8 pixel, 100% è equivalente a 16 pixel).

Nel CSS modello predefinito, la dimensione del carattere è definito nel tag body in pixel, come questo:

font-size: 12px;

Mettere tutto insieme

Style il carattere per il corpo complessivo del vostro sito mettendo tutti e tre gli elementi (font-family, colore e font-size) insieme nel tag <body>. Hereâ € s come lavorano insieme nel tag <body> del CSS modello predefinito:

body {
font-size: 12px;
font-family: Georgia, "Bitstream Charter", serif;
color: # 666;
}