html - How to change font face -
so i'm trying add new type of font website, problem, i'm getting stuck, need add open sans 4 types of text:
bold, regular, bolditalic, italic
previously added other fonts but, 1 different families. code:
@font-face { font-family: 'josefin'; src: url("font/josefin.ttf"); } @font-face { font-family: 'roboto'; src: url("font/roboto.ttf"); } /* @font-face { font-family: 'opensans'; src: url("font/opensans-regular.ttf"); } @font-face { font-family: 'opensans'; src: url("font/opensans-bold.ttf"); } @font-face { font-family: 'opensans'; src: url("font/opensans-bolditalic.ttf"); } @font-face { font-family: 'opensans'; src: url("font/opensans-italic.ttf"); } */ h1, h2, h3, h4, h5, .bold{ font-family: 'josefin'; } p, li, ul, ol, a, .light{ font-family: 'roboto'; }
the h tags trying change them "opensans-italic" don't know how call specific font.
@font-face { font-family: 'opensans'; font-weight: normal; font-style: normal; src: url('opensans-regular.eot#') format('eot'), url('opensans-regular.woff') format('woff'), url('opensans-regular.ttf') format('truetype'), url('opensans-regular.svg#svgopensans') format('svg'); } @font-face { font-family: 'opensans'; font-weight: bold; font-style: normal; src: url('opensans-bold.eot#') format('eot'), url('opensans-bold.woff') format('woff'), url('opensans-bold.ttf') format('truetype'), url('opensans-bold.svg#svgopensans') format('svg'); } @font-face { font-family: 'opensans'; font-weight: bold; font-style: italic; src: url('opensans-bolditalic.eot#') format('eot'), url('opensans-bolditalic.woff') format('woff'), url('opensans-bolditalic.ttf') format('truetype'), url('opensans-bolditalic.svg#svgopensans') format('svg'); } @font-face { font-family: 'opensans'; font-weight: normal; font-style: italic; src: url('opensans-italic.eot#') format('eot'), url('opensans-italic.woff') format('woff'), url('opensans-italic.ttf') format('truetype'), url('opensans-italic.svg#svgopensans') format('svg'); }
Comments
Post a Comment