[Plugin: WP-TTFGen] editing CSS – help plz

Here’s my publication (post):
https://ka81.com/?p=1087

test1
<h1 class=”x-files”>X-Files</h1>
test2
<span class=”x-files”>X-Files</span>
test3
Виникла потреба в редагуванн? шрифта <span class=”x-files”>X-Files</span>, а саме: даний шрифт м?стить в соб? лише наб?р латинських символ?в, а отже потр?бно розм?стити в ньому й кириллицю.

h1 and span – i choosed without any reason. maybe i should choose smth else??..

would you plz help me with editing:
1) span class (test3) – i can’t assign vertical-align: middle, i mean i write it in css but it’s not working. PNG image is at the top next to words.
2) span class (test2 & test3) – the PNG img is cutted – i mean letter s is not shown – in Opera. in IE everything is ok as you can see.
3) h1 class (test1) – i assign .content .x-files h1 {border: 0px; text-align: center; font-size:10px;} – but it’s not working. also – font-size is not working.
4) when i use h1 class – there are too small border-field of image at the top, and too big at the bottom.
take a look at – https://ka81.com/img/xfiles.jpg – and you’ll understand what i mean.
when it’s span – everything is ok with it.

Please, help to solve those problems..

https://www.ads-software.com/extend/plugins/wp-ttfgen/