Vad som utgör ett block brev kan variera något beroende på om du talar till en typograf eller en webbdesigner . Men gemensamma dragen hos ett typsnitt med tryckbokstäver inkluderar alla versaler , fetstil och sans - serif ( utan utskjutande vid ändarna av brevet stroke ) . Om du kodar versaler i texten på din webbplats , tyvärr finns det inte en enda åtgärd för att göra alla dessa egenskaper visas . Men genom att lära tre specifika CSS-egenskaper , bör du kunna justera ett typsnitt som du vill att likna tryckbokstäver . Saker du behöver
HTML-fil för din webbsida
textredigerare programvara eller valfri webbsida utveckling programvara
Visa fler instruktioner
1
Öppna din HTML-fil i ditt redigeringsprogram till det avsnitt som innehåller dina CSS stilar . Alternativt , öppna CSS-fil som du använder som en bifogad formatmall till HTML-dokumentet .
2
Bestäm vilken tagg du kommer att använda vid utseende stil blocket bokstaven . Till exempel kanske du vill använda formatet på en text som är markerad som " h1 " eller " h2 " i din HTML-fil , eller kanske någon text som visas i en punkt , markerad som " p ", borde ha blocket stil . Addera 3
Börja med font -family egenskapen att bestämma vilka typsnitt du vill använda . Till exempel , skriv följande kod :
p {
font -family : sans - serif ;
}
Detta innebär att all text som betecknas som punkt text i HTML- dokument visas som standard sans - serif-typsnitt på användarens dator . Du kan istället ange specifika typsnitt , i den ordning du föredrar , genom att skriva:
p {
font - family: Arial , Verdana , Tahoma , sans - serif ;
}
Detta innebär stycke text kommer att visas i Arial . Om tittaren inte har Arial installerat på sin dator , kommer teckensnittet visas som Verdana , eller vidare ner i listan - äntligen till datorns förvalda sans - serif-typsnitt
4
göra typsnittet i . alla versaler genom att använda text - transform-egenskap . Skriv följande kod i stil :
p {
font - family: Arial , Verdana , Tahoma , sans - serif ;
text - transform : versaler ;
}
5
Bold teckensnitt med hjälp av font -weight fastighet :
p {
font - family: Arial , Verdana , Tahoma , sans - serif ;
text - transform : versaler ;
font -weight : bold ;
}
alternativen för font -weight inkluderar " bold , " " fetare ", och ett talsystem 100-900 . Till exempel kan du skriva " font -weight : 700 ; " se hur det verkar på olika datorer och ändra antalet följaktligen
6
justera dessa tre fastigheter i koden för att uppnå det resultat blocket bokstaven . du önskar . Spara filen och observera resultatet i en webbläsare .
