1. Produtos
  2.   Font
  3.   JavaScript
  4.   Fontkit
 
  

Biblioteca JavaScript Gratuita para Carregar, Otimizar e Converter Fontes

Motor de Fontes JavaScript de Código Aberto permite manipular fontes, Layout e Renderização de Texto, extração de caminhos de glifos, Subconjunto de Fontes e otimização via API JavaScript.

No mundo da tipografia, escolher a fonte correta pode impactar significativamente o apelo visual e a experiência geral do usuário em qualquer projeto de design. Para simplificar o gerenciamento de fontes e ampliar as possibilidades criativas, desenvolvedores e designers geralmente confiam em bibliotecas e ferramentas robustas. Fontkit, uma biblioteca de código aberto que se destacou como um divisor de águas na área, oferece uma ampla gama de recursos e ganhou popularidade por suas extensas capacidades de gerenciamento de fontes e facilidade de integração.

O Fontkit fornece uma poderosa API de código aberto que ajuda desenvolvedores de software e designers com um conjunto abrangente de ferramentas para manipular fontes programaticamente. Existem vários recursos úteis na API, como substituição avançada de glifos, extração de caminhos de glifos, leitura de métricas de glifos, layout de glifos, glifos de emoji coloridos, subconfiguração de fontes, suporte a kerning, obtenção de caminhos vetoriais de glifos e conversão deles em caminhos SVG, criação de uma nova fonte, suporte ao mapeamento de caracteres para glifos e muitos mais.

O Fontkit inclui suporte a vários formatos de arquivos de fonte populares, como TrueType (.ttf), OpenType (.otf), WOFF, WOFF2, TrueType Collection (.ttc) e Datafork TrueType (.dfont). Ele foi projetado para funcionar perfeitamente em diferentes plataformas e ambientes. Seja desenvolvendo aplicações web, desktop ou móveis, o Fontkit oferece desempenho e compatibilidade consistentes. Suas funcionalidades extensas, flexibilidade e compatibilidade entre plataformas o tornam uma ferramenta indispensável para tarefas relacionadas à tipografia e uma ferramenta valiosa para desenvolvedores de software, economizando tempo, esforço e dores de cabeça.

Previous Next

Começando com Fontkit

A forma recomendada de usar o Fontkit é através do npm. Por favor, use o comando a seguir para adicionar a biblioteca Fontkit ao seu projeto de maneira simples.

Instalar Fontkit via npm

 npm install fontkit

Você também pode instalá-lo manualmente; baixe os arquivos da versão mais recente diretamente do repositório GitHub.

Acesso e Manipulação de Glifos

Ao usar a API gratuita do Fontkit, desenvolvedores de software podem acessar glifos individuais dentro de uma fonte e realizar manipulações como redimensionamento, rotação ou até mesmo combiná-los para criar efeitos tipográficos personalizados. A API oferece métodos valiosos para recuperar o número total de glifos e obter informações detalhadas sobre cada glifo, incluindo seu ponto de código Unicode, nome, dimensões da caixa delimitadora e mais. Essa funcionalidade é útil para examinar a cobertura de caracteres de uma fonte e garantir que ela suporte os caracteres necessários para um determinado idioma ou sistema de escrita.

Como Acessar e Renderizar Glifo via API JavaScript?

export default class GlyphPosition {
  constructor(xAdvance = 0, yAdvance = 0, xOffset = 0, yOffset = 0) {
    /**
     * The amount to move the virtual pen in the X direction after rendering this glyph.
     * @type {number}
     */
    this.xAdvance = xAdvance;

    /**
     * The amount to move the virtual pen in the Y direction after rendering this glyph.
     * @type {number}
     */
    this.yAdvance = yAdvance;

    /**
     * The offset from the pen position in the X direction at which to render this glyph.
     * @type {number}
     */
    this.xOffset = xOffset;

    /**
     * The offset from the pen position in the Y direction at which to render this glyph.
     * @type {number}
     */
    this.yOffset = yOffset;
  }
}

Layout de Texto e Renderização via JavaScript

A API de código aberto Fontkit ofereceu suporte completo para recursos avançados de layout e renderização de texto em aplicações JavaScript. Desenvolvedores de software podem aproveitar suas funcionalidades para lidar com layouts de texto complexos, tipografia multilíngue e algoritmos de renderização sofisticados, entregando resultados excepcionais em diversas plataformas e dispositivos. A API suporta recursos de modelagem de glifos, kerning e espaçamento entre letras, medição de texto, antialiasing e hinting, cache de fontes e muito mais. Suas robustas capacidades de layout e renderização de texto a tornam uma ferramenta poderosa para desenvolvedores que trabalham com tipografia.

Gerenciar Análise de Fontes e Metadados via API JS

A biblioteca de código aberto Fontkit oferece recursos poderosos de análise de fontes, permitindo que desenvolvedores explorem e extraiam informações vitais de arquivos de fontes. Ela fornece um conjunto abrangente de ferramentas para analisar fontes, incluindo a recuperação de metadados como família da fonte, peso, estilo e conjuntos de caracteres suportados. Essas informações são inestimáveis para a seleção de fontes e decisões de layout de texto. Também inclui mecanismos de validação para verificar a integridade e a correção dos arquivos de fontes. Ela pode detectar e relatar possíveis problemas, como tabelas ausentes ou malformadas, formatos de fonte incompatíveis ou erros específicos da fonte.

 Português