

The fallback system means, in case the browser does not hold up or support or recognize the primary font name, it will try to deal with the next font, and so on. The font-family property can be written with several font names separated by a comma as a "fallback" system. Generic family - are those with a cluster of font families having a similar look (like "Serif" or "Monospace").Font family - are those with a particular font family (such as: "Times New Roman" or "Arial").CSS Font FamiliesĬSS provides two different types of font family names: The font property of CSS is implemented as a shorthand notation to represent many other font properties. font-size CSS font-size property is implemented for enhancing or reducing the size of your font. font-weight CSS font-weight property is implemented for enhancing or reducing how bold or light your font will appear. font-variant CSS font-variant property is implemented for creating a small-caps effect to your font. font-family CSS font-family property is implemented for transforming the face or look of your font. Some of these are: Font Properties Description font-style CSS font-style property is implemented for making a font italic, normal, and oblique. You can set various font properties for your HTML element provided by the CSS. The various font properties of CSS are used to define the font family, boldness, size, and style of your text that you will be using on your web page.

In this chapter, you will learn about font styling features provided by CSS. Often, fonts have various styles inside the same family, usually a bold or an italic styled, sometimes the blend of both bold and italic style, sometimes a bit small-caps and in other cases, extra-light, extra-bold, stretched or condensed versions of the same font. A proper font also helps in conveying special meaning, and hence you must appropriate fonts wherever required. You can change the font size, font color, boldness, size, and style of your text.įonts are also an essential component of any web site. CSS Overview CSS Tutorial Introduction to CSS CSS Basics Basic Syntax of CSS Types of CSS CSS Selectors CSS Selectors CSS id Selector CSS class Selector CSS Element Selector CSS Group Selector CSS Universal Selector CSS Descendant Combinator Selector CSS Attribute Selector CSS Pseudo-classes CSS Dir Pseudo-Class CSS hover Pseudo-Class CSS active Pseudo-Class CSS focus Pseudo-Class CSS Select Last Child Element CSS Properties CSS Colors CSS Background CSS Fonts CSS Text CSS Padding CSS Margin CSS Borders CSS MarqueeĬSS gives you excellent control over the font display.
