html - Font-Family not being imported -

i'm trying use font called "patua one" changes not showing when add attribute inside css.

here css code:

.p1{ font-family: "patua one"; font-size: 70px; color: #1b423e; } 

this import looks like:

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

if wondering, src: url('patuaone-regular-webfont') located in webroot , includes of files.

this root directory

then inside webfontkit these files:

inside style.css @import css posted above.

your font-family should have consistent value when importing , using.

also, have not given correct path of font files.

it should be:

@font-face {     font-family: 'patua_oneregular';     src: url('../webfontkit-patuaone/patuaone-regular-webfont.eot');     src: url('../webfontkit-patuaone/patuaone-regular-webfont.eot?#iefix') format('embedded-opentype'),          url('../webfontkit-patuaone/patuaone-regular-webfont.woff') format('woff'),          url('../webfontkit-patuaone/patuaone-regular-webfont.ttf') format('truetype'),          url('../webfontkit-patuaone/patuaone-regular-webfont.svg#patua_oneregular') format('svg'); 

and

.p1{     font-family: 'patua_oneregular'; }