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

<p>A distância vertical entre dois glifos de fontes cima-para-baixo podem ser bem otimizadas com um elemento <code>vkern</code>. Esse 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="Exemplo">Exemplo</h2>

<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/SVGVKernElement" title="en/DOM/SVGVKernElement">SVGVKernElement</a></code>.</p>

<h2 id="Veja_também">Veja também</h2>

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