How to use font-face in css3
CSS3 in @font-face should be used by first calling up the non-web fonts concerned in the CSS document. Upon completion of this step and if required for these elements they can be called up with font-family. Please find below a clear example of what we have just explained:
Call non-web fonts in the CSS:
@font-face
{
font-family: custom-font;
src: url('custom-font.ttf'),
url('custom-font.eot'); /* IE9 */
}
@font-face
{
font-family: custom-font;
src: url('custom-font.ttf'),
url('custom-font.eot'); /* IE9 */
}
Apply non-web font (h1 example):
h1{
font-family: custom-font;
}
h1{
font-family: custom-font;
}