How to use Web font in css

Agyanadda How to use webfont

FIRST WEB FONT STYLE

Webfont Format

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
Download Webfont Example
<!--DOCTYPE html--> <html> <head> <title>Agyanadda How to use webfont</title> <style> body{ background-image: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486); } @font-face{ font-family: Aclonica; src:url(Aclonica.ttf); } .fclass{ font-family:Aclonica; } /*==================================*/ @font-face{ font-family:Aladin-Regular; src:url(Aladin-Regular.ttf); } .sclass{ font-family: Aladin-Regular; } </style> </head> <body> <h1 class="fclass">FIRST WEB FONT STYLE</h1> <!-- ========================= --> <pre class="sclass"> Webfont Format 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 </pre> </body> </html>

agyanadda

Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.

0 $type={blogger}:

Post a Comment