---
title: hkern
slug: Web/SVG/Element/hkern
tags:
  - Elemento
  - Fonte SVG
  - Referencia
  - SVG
translation_of: Web/SVG/Element/hkern
---
<div>{{SVGRef}}</div>

<p>A distância horizontal entre dois glifos podem ser bem ajustados com um elemento <code>hkern</code>. Este processo é conhecido como <a class="external" href="http://en.wikipedia.org/wiki/Kerning">Kerning</a>.</p>

<h2 id="Contexto_de_uso">Contexto de uso</h2>

<p>{{svginfo}}</p>

<h2 id="Atributos">Atributos</h2>

<h3 id="Atributos_globais">Atributos globais</h3>

<ul>
 <li><a href="/pt-BR/SVG/Attribute#Core" title="en/SVG/Attribute#Core">Atributos principais</a> »</li>
</ul>

<h3 id="Atributos_específicos">Atributos específicos</h3>

<ul>
 <li>{{ SVGAttr("u1") }}</li>
 <li>{{ SVGAttr("g1") }}</li>
 <li>{{ SVGAttr("u2") }}</li>
 <li>{{ SVGAttr("g2") }}</li>
 <li>{{ SVGAttr("k") }}</li>
</ul>

<h2 id="Interface_DOM">Interface DOM</h2>

<p>Este elemento implementa a interface do <code><a href="/pt-BR/DOM/SVGHKernElement" title="en/DOM/SVGHKernElement">SVGHKernElement</a></code>.</p>

<h2 id="Relacionado">Relacionado</h2>

<ul>
 <li>{{ SVGElement("font") }}</li>
 <li>{{ SVGElement("glyph") }}</li>
 <li>{{ SVGElement("vkern") }}</li>
 <li><a href="/pt-BR/SVG/Tutorial/SVG_fonts" title="en/SVG/Tutorial/SVG_Fonts">Tutorial SVG: SVG fonts</a></li>
</ul>