GET WEB FONT URL

The world's most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

Web Fonts

Hello Friends we are going to use webfont. It is another way to use different types of font with their style. It will work offline only you have to download web font. If you are web designer or learner then good for you.

Way to use:

  1. There are various free and paid web font, simply you can download and check the format (TTF, OTF, WOFF,EOT etc.) property and use it.
  2. You have to define some syntax in css @font-face..

Formats of Web fonts

There are following formats of web fonts

  1. TrueType Fonts (TTF)
  2. OpenType Fonts (OTF)
  3. The Web Open Font Format (WOFF)
  4. The Web Open Font Format (WOFF 2.0)
  5. SVG Fonts/Shapes
  6. Embedded OpenType Fonts (EOT)

Note : Some format doesn’t support web browser. Always use lowercase letter.

<!DOCTYPE html>
<html>
<head>
<style> 
@font-face {
   font-family: AbrilFatface-Regular;
   src: url(AbrilFatface-Regular.ttf);  /*you can write webfont name with format.*/
}

* {
   font-family: AbrilFatface-Regular;  /* Here "*" means this font will apply all the element. if you use it inside one section then creat ID or Class */
}
</style>
</head>
<body>

© Copyright 2018. All Right Reserved by AgyanAdda