Download
    Interview Question     &Answer
Main Menu
CSS Font@ Shwetank education.com
Definition -  CSS font properties define the font family, boldness, size, and the style of a text.

CSS Font Properties.
• CSS font-family
• CSS font-style
• CSS font-variant
• CSS font-size
• CSS font
CSS Font Family
Cascading Style Sheet font-family property is used to set a prioritized list of fonts to be used to display on website or given element. If the first font on the list is not installed on the computer used to access the website, the next font on the list will be tried until a suitable font is found by the web browser.

• Any font family name may be used for display <generic-family>
• serif (e.g., Times)
• sans-serif (e.g., Arial or Helvetica)
• cursive (e.g., Zapf-Chancery)
• fantasy (e.g., Western)
• monospace (e.g., Courier)
Example
H1 { font-family: Courier New; }
P { font-family: Geneva, Arial, Helvetica, sans-serif; }
CSS Font Style CSS font-style property defines the chosen font either in normal, italic or oblique. In the example below, all headlines marked with <h1> will be shown in italics
Example
H1 { font-style: oblique }
P { font-style: normal }
CSS Variant
CSS font-variant property is used to choose between normal or small-caps variants of a font in a website. A small-caps font in Cascading Style Sheet is a font that uses smaller sized capitalized letters (Upper Case) instead of lower case letters.
Example
SPAN { font-variant: small-caps }
CSS Font Size
The size of a font is set by the property font-size in CSS. There are many different units (e.g. percentages or pixels) to choose from to describe font sizes in CSS.
Example
H1 { font-size: x-small } P { font-size: 20pt }
LI { font-size: 75% }
STRONG { font-size: x-larger }
CSS Font
CSS Font short hand property it is possible to cover all the different font properties in one single property while using Cascading Style Sheet in a website.
Example
P { font: italic bold 12pt/14pt Times, serif }


IT  Projects Links
M-Tech Thesis
Php Project
Java Project
Asp.Net Project
Android Project
Vb .Net Project
Html Project

------------------------------- Electronics  Project
Networking
Embedded system
Telecom
Robotics
CCNA
------------------------------- Latest IT  News


Copyright 2010-2015    shwetankeducation.com
Privacy & Terms