---
title: <hkern>
slug: Web/SVG/Element/hkern
tags:
  - Deprecated
  - Element
  - NeedsExample
  - Reference
  - SVG
  - SVG Font
browser-compat: svg.elements.hkern
---
{{SVGRef}}{{deprecated_header}}

The **`<hkern>`** [SVG](/en-US/docs/Web/SVG) element allows to fine-tweak the horizontal distance between two glyphs. This process is known as [kerning](https://en.wikipedia.org/wiki/Kerning).

## Usage context

{{svginfo}}

## Attributes

### Global attributes

*   [Core attributes](/en-US/docs/Web/SVG/Attribute#core_attributes)

### Specific attributes

*   {{SVGAttr("u1")}}
*   {{SVGAttr("g1")}}
*   {{SVGAttr("u2")}}
*   {{SVGAttr("g2")}}
*   {{SVGAttr("k")}}

## DOM Interface

This element implements the {{domxref("SVGHKernElement")}} interface.

## Specifications

{{Specifications}}

## Browser compatibility

{{Compat}}

## See also

*   {{SVGElement("font")}}
*   {{SVGElement("glyph")}}
*   {{SVGElement("vkern")}}
*   [SVG tutorial: SVG fonts](/en-US/docs/Web/SVG/Tutorial/SVG_fonts)
