Come trovare caratteri familiari i nomi per i CSS

November 25

Come trovare caratteri familiari i nomi per i CSS


I cognomi dei font identificano i caratteri in fogli di stile CSS, o CSS. Dal momento che molti tipi di carattere hanno variazioni, i progettisti di utilizzare il nome della famiglia, come Arial, Helvetica o Verdana, piuttosto che il nome specifico di un tipo di carattere, come ad esempio Arial Black o Verdana Grassetto. Trovare il nome della famiglia per un font è semplice perché il nome di famiglia è il nome che tipo di carattere e tutte le sue varianti hanno in comune. famiglie di font generici, come sans serif e monospace, esistono che, quando chiamato in CSS, permette al browser di scegliere un font di default all'interno dello stile dichiarato.

istruzione

1 Fare clic sul pulsante "Start" sulla barra delle applicazioni, tipo "Font" nella barra di ricerca e premere "Invio" per aprire la cartella Fonts. Cercate il tipo di carattere che si desidera utilizzare e prendere nota del suo nome. Ad esempio, Arial --- un tipo di carattere comune di Windows --- ha molte varianti di font, insieme a un nome generico di "Arial". Utilizzare il nome della famiglia di font Arial per utilizzare il carattere Arial generica, oppure specificare Arial Narrow di usare quel tipo di carattere specifico. In pratica, è necessario utilizzare un nome di famiglia generica di font per la maggior parte del corpo del testo di un sito e quindi utilizzare i caratteri più specifici per le intestazioni.

2 Aggiungere un nome di famiglia generica al vostro stack font. pile caratteri sono elenchi di famiglie di font in CSS e web designer li usano caratteri come backup per quando i visitatori non hanno il carattere più preferito installato sul proprio computer. Utilizzare il nome generico di "serif" per terminare le pile di font che iniziano con i caratteri serif come la Georgia o Times New Roman, e usare "sans-serif" per terminare le pile di font che iniziano con i caratteri come Helvetica o Verdana. Altri nomi generici sono "monovolume", "corsivo" e "fantasia". Si noti che i nomi di famiglia generica sono irrilevanti quando si incorpora un tipo di carattere con @ font-face.

3 Aggiungere virgolette cognomi carattere che sono lunghi più di una parola. Single-word nomi dei caratteri come Arial o la Georgia non richiedono virgolette. È possibile utilizzare virgolette singole o doppie, ma attenzione quando si miscelano tipi virgolette perché questo può portare ad errori. Ecco un esempio di come i caratteri sono nominati nel CSS:

body {font-family: "Helvetica Neue", Arial, sans-serif; }

Lo stack di carattere sopra specifica che il browser deve cercare Helvetica Neue prima. I progettisti scelgono questo tipo di carattere, perché non esiste sul computer Windows che visualizzano regolare Helvetica in un brutto modo. Gli utenti di Windows vedranno Arial. Tutti gli altri utenti vedranno un font di default sans-serif basata sulla loro impostazioni del browser.

Consigli e avvertenze

  • Alcuni stilisti famosi, come Paul irlandese e Chris Coyier, ora suggeriscono facendo via con le pile di font e la denominazione solo famiglie generiche di font, specialmente nel caso della Helvetica, Arial e stack di sans-serif comune. Questo è quello di rispettare le impostazioni utente e, nel caso dell'esempio pila sans-serif, per risparmiare tempo da quando i progettisti maggior parte dei browser raccogliere quei caratteri in ogni caso.