html - Unwanted space around custom fonts -


i'm trying use custom font website of @font-face kit. theres unwanted space inside tag. i've used h1 tag. changing tag doesn't help. spacing in chrome , ie

take @ picture. in chrome , others, theres lot of space on top. in ie space below. solution this?

code -

@font-face { font-family: 'kozukalight'; src:url('fonts/kozgopr6nlight.eot'); src:url('fonts/kozgopr6nlight.eot?#iefix') format('embedded-opentype'),     url('fonts/kozgopr6nlight.woff') format('woff'),      url('fonts/kozgopr6nlight.ttf') format('truetype'),          url('fonts/kozgopr6nlight.svg#kozukalight') format('svg'); font-weight:normal; font-style:normal;   }  h1 { font: 60px 'kozukalight', helvetica, arial, sans-serif; text-shadow: 0 1px rgba(255,255,255,0.5); color: #383838; }       <body> <h1>news , events</h1> </body> 

this got nothing custom font. <h1> has default margin have rid of it:

h1 {     font: 60px 'kozukalight', helvetica, arial, sans-serif;     text-shadow: 0 1px rgba(255,255,255,0.5);     color: #383838; padding: 0; margin: 0; } 

see fiddle default behavior (lots of "space" describe) , updated fiddle margin set 0.


Comments

Popular posts from this blog

linux - Does gcc have any options to add version info in ELF binary file? -

android - send complex objects as post php java -

charts - What graph/dashboard product is facebook using in Dashboard: PUE & WUE -