Tags
I wanted to put a font on my webpage but I din’t know how to enable it. So I did some R&D and came up with various approaches
The simple steps will be :
-
Put the following code is a stylesheet (say stylesheet.css)
@font-face {
font-family: 'FuturaCondensedMedium';
src: url('futura-condensedmedium-webfont.eot');
src: url('futura-condensedmedium-webfont.eot?#iefix') format('embedded-opentype'),
url('futura-condensedmedium-webfont.woff') format('woff'),
url('futura-condensedmedium-webfont.ttf') format('truetype'),
url('futura-condensedmedium-webfont.svg#FuturaCondensedMedium') format('svg');
font-weight: normal;
font-style: normal;}
-
Add the following code in your html header
body{
font-family: 'FuturaCondensedMedium'';
}
By following these simple steps your font is ready to be published on the website.