How to use fonts in CSS

free php tutorials, php classes, php utilities, free tools

In CSS, You can define and control fonts and Text, there are 4 properties of fonts:

font-family
font-family property is used for define font name, it works as <font face="arial"> in HTML

<style type="text/css">

p{
font-family:arial
font-family:arial, helvetica
}
</style>  

font-size
set font size as you wish, you can se font size in px, pt and percent. it works as <font size="3"> in HTML

font-size:normal
font-size:14px
font-size:14pt
font-size:75% 

font-style
font-style is used for define differetn styles of fonts like itaclic, normal or underline, it works as <i> tag in HTML

font-style:normal
font-style:italic
font-style:oblique

font-weight
defines font-weight like bold or normal, it works as <B> tag in HTML

font-weight:bold
font-weight:bolder
font-weight:lighter
font-weight:250

Text Properties
There are 5 text properties

text-decoration
define text decoration such as underline, blink, line through etc,it works as <u> tag in HTML

text-decoration:none
text-decoration:underline
text-decoration:overline
text-decoration:line-through

text-indent
text-indent is used for indent text

text-indent:20px;
text-indent:10%

text-align
text-align is used for set text alignmane like left, right, center or justify,it works as align property (<P align="center">)in HTML

text-align:left
text-align:right
text-align:center
text-align:justify

color
color property is used for set color of font, it works same as <font color="red"> in HTML

color:red
color:#FFCCFF

Bookmark This Page