adding custom font family

To add custom font family , add the font face code in the css file. An example would be like the following :

@font-face {
font-family: 'vivaldiitalic';
src: url('../fonts/vivaldii-webfont.eot');
src: url('../fonts/vivaldii-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/vivaldii-webfont.svg#vivaldiitalic') format('svg'),
url('../fonts/vivaldii-webfont.woff') format('woff'),
url('../fonts/vivaldii-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

Before that create the font files or download from internet