Html Font Tutorial

According to World Wide Web Consortium (W3C), the tag in HTML is deprecated. It is removed in a from its recommendations.W3C encourage to use style sheets (CSS) to define the layout and display properties of HTML elements. However there still a lot of people using it, it still worth to mention a while here.

Font Size

Font Size
Size 1
Size 2
Size 3
Size 4
Size 5
Size 6

Font Color


Usually we can change html font color in two ways
1) Use Color Name Red Color

Red Color

2) Use Hex code (#) Red Color

Red Color

Please check my Html Color Tutorial to find out more web color http://www.mkyong.com/html/html-color-tutorial/

Font Face/ Font Family


We cannot expect them to be universally supported. Just see what your browser can make out of it:

 Font style 
Serif
Sans-serif
Cursive
Fantasy
Monospace
Times
Roman
Garamond
Palatino
Antiqua
Minion
Helvetica
Swiss
Impact
Script
Decorative
Blackletter
Fraktur
Comic Sans
Modern
Courier
Calibri
Frosty

The actual appearance will depend on browser and the fonts installed on your system. Internet Explorer and Firefox usually different font style in different way.

Beautiful First Letter Style


We learn how to use font face, font size and font color, here we combine all together and create a beautiful first letter

Beautiful First Letter

Beautiful First Letter

About the Author

author image
mkyong
Founder of Mkyong.com, love Java and open source stuff. Follow him on Twitter. If you like my tutorials, consider make a donation to these charities.

Comments

avatar
0 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
0 Comment authors
Recent comment authors
newest oldest most voted