92949 2012-08-01 23:34:36 -0700 kerning does not work when referencing an SVG font using @font-face in HTML 2013-06-13 03:25:26 -0700 1 1 1 Unclassified WebKit SVG 525.x (Safari 3.2) Unspecified Unspecified RESOLVED DUPLICATE 117540 P2 Major --- 0 tonyiiitm webkit-unassigned allan.jensen ap mitz zimmermann oldest_to_newest 685011 0 tonyiiitm 2012-08-01 23:34:36 -0700 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 685092 1 156003 tonyiiitm 2012-08-02 01:26:14 -0700 Created attachment 156003 Attachment contains sample source html and svg files to reproduce this bug 685478 2 tonyiiitm 2012-08-02 09:23:35 -0700 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 899966 3 allan.jensen 2013-06-13 03:25:26 -0700 *** This bug has been marked as a duplicate of bug 117540 *** 156003 2012-08-02 01:26:14 -0700 2012-08-02 01:26:14 -0700 Attachment contains sample source html and svg files to reproduce this bug fontkern.zip application/octet-stream 3672 tonyiiitm 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 ZmZQSwUGAAAAAAUABQBCAQAAAA0AAAAA