Nwlapcug.com


Stili dei caratteri HTML

Stili dei caratteri HTML


Per stile font in HTML, è preferibile utilizzare CSS o fogli di stile CSS, che possono essere aggiunti dopo un "style =" attributo in un < div >, < span >, o elemento < p > sulla tua pagina Web. CSS può essere utilizzato per la famiglia di font, dimensione e decorazione---ti fornisce la maggior parte del controllo che si avrebbe disponibili in un programma di composizione tipografica senza ricorrere a soluzioni alternative ("hack") o la visualizzazione di testo come un'immagine di stile.

Scegliere un carattere tipografico

Utilizzare "Font-family" per scegliere il carattere appropriato per il tuo sito Web; Se sono previsti più caratteri tipografici, il browser sceglierà quello primo che è disponibile sul sistema di visualizzazione. "Font-family: Arial, sans-serif;" cercherà di caricare il tipo di carattere Arial e, se non viene trovato, verrà utilizzato font sans-serif generico del sistema. Ove possibile, cercare di attenersi al font "Web-safe": Arial e Helvetica per sans-serif, Times New Roman per serif e corriere per monospazio. Se si utilizzano altri tipi di carattere (quelli particolarmente oscuri), assicurarsi di aggiungere un carattere di fallback nel caso in cui la persona che Visualizza il tuo sito non ha il carattere di scelta installato.

Dimensione del carattere

La proprietà "Font-size" consente di impostare la dimensione relativa del testo o dell'assoluto. Ad esempio, "Font-size: 10pt;" verrà impostato il testo a comparire a 10 punti di altezza indipendentemente da quale sia il tipo circostante. Se si desidera impostare il testo come essendo più grande o più piccolo rispetto al materiale circostante, utilizzare invece una percentuale: "Font-size: 75%;" dentro l'attributo di stile di un tag < span > farà tutto il testo contenuto all'interno di tali tag 3/4 della dimensione del testo intorno ad esso. L'alternativa, testo di impostazione come più grande, è utile per creare titoli senza fare affidamento su "H1" ai tag headline "H6".

Grassetto e sottolineato

È generalmente sicuro supporre che è possibile lo stile di testo in grassetto o sottolineato con < b >< / b > o < u >< / u > Tag, rispettivamente. Tuttavia, utilizzando i CSS può aumentare la compatibilità cross-platform e ti offre opzioni di stile aggiuntive. La proprietà "Font-weight" consente di impostare un tipo di carattere in grassetto ("Font-weight: bold;") o leggero ("Font-weight: più leggero"). Se avete bisogno di maggiore controllo, è possibile specificare il peso in multipli di 100 da 100 a 900; in questo caso, "Font-weight: 500;" si tradurrà in un testo di peso medio. Di sottolineato o barrato testo, utilizzare il "Text-decoration" proprietà; "Text-decoration: underline;" si desidera sottolineare il testo, e "Text-decoration: linea attraverso;" colpirà attraverso. Uso "Text-decoration: none;" rimuovere le sottolineature da testo che avrebbe normalmente questa proprietà, ad esempio collegamenti ipertestuali.

Varianti di carattere e in corsivo

CSS consente inoltre di stile del tipo di carattere in modi che non sarebbero disponibili su una macchina da scrivere (quali grassetto e sottolineatura emula). Ad esempio, "Font-style: italic;" verrà utilizzata la versione in corsivo del tipo di carattere, e "Font-variant: maiuscoletto" può essere usato per produrre testo dove le lettere minuscole sono riprodotti come versioni più piccole di quelle lettere maiuscole. Per applicare uno stile tutto il testo in maiuscolo, senza distinguere tra lettere piccole e grandi, utilizzare la proprietà "Text-transform: maiuscolo;" eseguire l'override di qualsiasi capitalizzazione il testo aveva in precedenza.