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

Popular posts from this blog

Command prompt result in label. Python 2.7 -

javascript - How do I use URL parameters to change link href on page? -

amazon web services - AWS Route53 Trying To Get Site To Resolve To www -