Click here to Skip to main content
11,795,848 members (78,774 online)
Click here to Skip to main content

Tagged as

Using FONTFACE in HTML / Unicode and Non-Unicode Fonts in HTML

, 1 Oct 2013 CPOL 3.9K 40 1
Rate this:
Please Sign up or sign in to vote.
Using external fonts in HTML.


This article describes how to use FontFace in HTML document. Even the fonts are not installed on the client's PC, Unicode and non-Unicode text will be rendered properly.


Basic knowledge of CSS, HTML is enough. And fonts with different format are needed, e.g., *.eot , *.svg, *.woff, *.ttf. These fonts can be automatically generated from HERE.

Using the code  

First of all create a CSS file with FONTFACE. I have shown below.... Here I am using "akrutidevpriya" font-family.

    font-family: 'akrutidevpriya';
    src: url('apriya-n-webfont.eot');
    src: url('apriya-n-webfont.eot?#iefix') format('embedded-opentype'),
    url('apriya-n-webfont.woff') format('woff'),
    url('apriya-n-webfont.ttf') format('truetype'),
    url('apriya-n-webfont.svg#akrutidevpriyanormal') format('svg');
    font-weight: normal;
    font-style: normal;

Now link this CSS File with HTML file. Just copy and paste the following line in your HTML: 

<link rel="stylesheet" href="styles/MyStyleheet.css" type="text/css" charset="utf-8" />

Feel free to clear any queries.


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Dipesh Wadhwa
Software Developer (Junior) Smart Solutions
India India
No Biography provided

You may also be interested in...

Comments and Discussions

-- There are no messages in this forum --
| Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.151002.1 | Last Updated 1 Oct 2013
Article Copyright 2013 by Dipesh Wadhwa
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid