Hva utgjør en blokk brev kan variere noe avhengig av om du snakker til en typograf eller en web- designer . Men felles kjennetegn ved en font med blokkbokstaver inkluderer alle store bokstaver , fet skrift og sans - serif (uten anslag på endene av brevet slag ) . Hvis du er koding blokkbokstaver inn teksten på nettstedet ditt , dessverre er det ingen enkelt handling for å gjøre alle disse egenskapene vises . Men ved å lære tre spesifikke CSS egenskaper , bør du være i stand til å justere en font til din smak å ligne blokkbokstaver . Du trenger
HTML -fil for din webside
tekst editor programvare eller tilleggsutstyr webside - utvikling programvare
Vis flere instruksjoner
en
Åpne HTML-filen i din redigering programvare til den delen som inneholder CSS-stiler . Alternativt åpner CSS -fil som du bruker som en vedlagt stilark i HTML- dokumentet .
2
Bestem hvilken kode du skal bruke i utpeking blokken brevstil . For eksempel kan det være lurt å bruke stilen på tekst som er merket som " h1 " eller " h2 " i HTML-filen , eller kanskje all tekst som vises i et avsnitt , merket med " p ", bør ha blokken stil .
3
Begynn med font-family egenskapen for å bestemme hvilken font du vil bruke . For eksempel , skriv inn følgende kode :
p {
font- family: sans - serif ;
}
p Dette betyr at enhver tekst utpekt som avsnittstekst i HTML-dokumentet vises som standard sans - serif skrift på betrakterens datamaskin. Du kan i stedet spesifisere fonter , i den rekkefølgen du foretrekker det, ved å skrive : en
p {
font- family: arial , Verdana , Tahoma , sans - serif ;
< p> }
Dette betyr avsnittstekst vil vises i Arial. Hvis betrakteren ikke har Arial installert på sin datamaskin , vil skriften vises som Verdana , eller videre nedover listen - til slutt til datamaskinens standard sans - serif font
4
Gjør skriften i . alle store bokstaver ved hjelp av tekst - transform eiendom. Skriv inn følgende kode inn i stilen : en
p {
font- family: arial , Verdana , Tahoma , sans - serif ;
tekst - transform : store bokstaver ;
}
5
Fet skriften ved hjelp av font-weight eiendom : en
p {
font- family: arial , Verdana , Tahoma , sans - serif ;
tekst - transform : store bokstaver ;
font- weight: bold ;
}
alternativene for font-weight inkluderer " fet , " " dristigere ", og et tallsystem 100-900 . For eksempel kan du skrive " font- weight: 700 ; " se hvordan det ser ut på ulike datamaskiner og endre nummeret tilsvarende
6
Juster disse tre egenskapene i koden din for å oppnå blokken brev resultat . du ønsker. Lagre filen og observere resultatene i en nettleser .
