kerning does not work when referencing an SVG font using @font-face in HTML

I created a SVG font file and wanted to try kerning between two glyphs (V and G in the attached file).
The kerning works when open the SVG file directly in browser but does not work if i include it in HTML styles using @font-face
The same SVG file I converted to ttf and included in html file works in firefox.
Steps to reporduce (attached sample files in .zip file): 
1. Create a svg font file with kerning pair defined using hkern
2. create a HTML file which reference SVG fonts using 
@font-face{
    font-family: kern;
    src:url(font01.svg) format('svg');
}

Expected result:
Expected kerning to occur between the kern pair

Actual Results:
No Kerning visible. Although the text was displayed using font defined in SVG

Created attachment 156003 [details]
Attachment contains sample source html and svg files to reproduce this bug

Just to more pinpoint the problem.
Kerning does not work in webkit only when referring to a svg font file in @font-face 
Kerning does work in webkit when using ttf/woff font in @font-face

[Allan Sandfeld Jensen]

*** This bug has been marked as a duplicate of bug 117540 ***