Come codice fonte stampatello

August 19

Come codice fonte stampatello


Ciò che costituisce una lettera blocco può variare leggermente a seconda se si sta parlando di un tipografo o un web designer. Tuttavia, le caratteristiche comuni di un tipo di carattere in stampatello includono tutto maiuscolo, grassetto e sans-serif (senza sporgenze alle estremità dei tratti lettera). Se si esegue la codifica caratteri in grassetto nel testo del tuo sito web, purtroppo non c'è una sola azione per far apparire tutte queste caratteristiche. Tuttavia, imparando tre proprietà CSS specifiche, si dovrebbe essere in grado di regolare un font a proprio piacimento per assomigliare stampatello.

istruzione

1 Aprire il file HTML nel software di editing per la sezione che contiene gli stili CSS. In alternativa, aprire il file CSS che si sta utilizzando come un foglio di stile collegata al documento HTML.

2 Decidere quali tag che si intende utilizzare nella designazione stile blocco lettera. Ad esempio, si può decidere di applicare lo stile a qualsiasi testo che viene contrassegnato come "H1" o "H2" nel file HTML, o forse qualsiasi testo che compare in un paragrafo, contrassegnato come "p", dovrebbe avere lo stile di blocco .

3 Inizia con la proprietà font-family per decidere quale tipo di carattere che si desidera utilizzare. Ad esempio, digitare il seguente codice:

p {

font-family: sans-serif;

}

Ciò significa che qualsiasi testo designato come paragrafo di testo nel documento HTML apparirà come il carattere predefinito sans-serif sul computer dell'utente. È invece possibile specificare i caratteri specifici, nell'ordine in cui si preferisce, digitando:

p {

font-family: arial, verdana, tahoma, sans-serif;

}

Questo significa che il paragrafo di testo verrà visualizzato nel font Arial. Se lo spettatore non ha Arial installato sul suo computer, il tipo di carattere verrà visualizzato come Verdana, o l'elenco - infine a carattere predefinito sans-serif del computer.

4 Fare il font in tutte le lettere maiuscole utilizzando la proprietà text-transform. Digitare il seguente codice nello stile:

p {

font-family: arial, verdana, tahoma, sans-serif;

text-transform: uppercase;

}

5 Bold il tipo di carattere utilizzando la proprietà font-weight:

p {

font-family: arial, verdana, tahoma, sans-serif;

text-transform: uppercase;

font-weight: bold;

}

Le opzioni per font-weight comprendono "bold", "audace", e di un sistema numerico da 100 a 900. Per esempio, è possibile digitare "font-weight: 700;" vedere come appare su diversi computer e modificare il numero di conseguenza.

6 Regolare queste tre proprietà nel codice per ottenere il risultato del blocco lettera che desiderate. Salvare il file e osservare i risultati in un browser.

Consigli e avvertenze

  • Quando si utilizza la proprietà font-family, è necessario racchiudere i nomi dei font che hanno spazi al loro interno tra virgolette. Ad esempio, si può semplicemente scrivere Arial, ma "Times New Roman" deve apparire tra virgolette.
  • Se la trasformazione di stile non ha luogo una volta che si salva il file, assicurarsi che si finisce ogni valore di proprietà con un punto e virgola e che tutto lo stile è racchiuso tra parentesi graffe.
  • Se si utilizza un tipo di carattere meno comune, essere sicuri di testare le tue altri effetti stilistici su di esso. E 'possibile che alcune famiglie di font possono non rispondere alla proprietà text-transform. Si consiglia di ricerca quali font sono comuni, insieme a quelli che appaiono sul Mac ma non i PC e viceversa.

Articoli Correlati