CSS3 Web fonts CSS3

What are CSS Web Fonts?

CSS Web fonts are used to allow different types of fonts in CSS, which are not set up on local system.

There are various web fonts formats listed below:


Fonts

Description

TrueType Fonts (TTF)

TrueType is an outline font standard developed by Apple and Microsoft in the late 1980s, It became most common fonts for both windows and MAC operating systems

OpenType Fonts (OTF)

OpenType is a format for scalable computer fonts and developed by Microsoft

The Web Open Font Format (WOFF)

WOFF is used for develop web page and developed in the year of 2009. Now it is using by W3C recommendation.

SVG Fonts/Shapes

SVG allow SVG fonts within SVG documentation. We can also apply CSS to SVG with font face property

Embedded OpenType Fonts (EOT)

EOT is used to develop the web pages and it has embedded in webpages so no need to allow 3rd party fonts

Following code displays the sample code of font face

It will produce the following result −

CSS3 Web Fonts Output

What is CSS Fonts description?

The below list contains all the fonts description which are placed within @font-face rule −


Values

Description

font-family

Used to defines the name of font

src

Used to defines the URL

font-stretch

Used to find, how font should be stretched

font-style

Used to defines the fonts style

font-weight

Used to defines the font weight(boldness)

All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd DMCA.com Protection Status

CSS3 Topics