API JavaScript Gratuita para Carregar, Analisar e Renderizar Fontes do Google

Começando com o Fontra

A maneira recomendada de instalar o Fontra é usando npm. Por favor, use o comando a seguir para adicionar a dependência maven ao seu projeto.

npm install @fredli74/typr --save-dev

pip install --upgrade pip
pip install -r requirements.txt
pip install -e 

Carregar e Gerenciar Fontes no Node.js

Carregar fontes dinamicamente é uma das funcionalidades principais do Fontra. A API de código aberto do Fontra facilita para desenvolvedores de software carregar vários tipos de fontes e executar diferentes operações dentro de aplicações JavaScript. O mecanismo de carregamento de fontes da API garante um carregamento eficiente e otimizado, reduzindo o risco de erros relacionados a fontes e melhorando o desempenho geral. O Fontra fornece ferramentas robustas para gerenciar fontes, incluindo métodos para verificar se uma fonte está carregada, descarregar fontes e listar todas as fontes carregadas. Aqui está um exemplo simples que mostra como carregar fontes dentro de uma aplicação web.

import { loadFont } from 'fontra';

loadFont('Roboto').then(() => {
    console.log('Roboto font has been loaded successfully');
}).catch(error => {
    console.error('Failed to load Roboto font', error);
});

Manipulação de Fontes e Otimização de Desempenho

Fontra permite que desenvolvedores de software carreguem e manipulem fontes ajustando suas propriedades, como peso, estilo e variante. Essa flexibilidade garante que as fontes possam ser adaptadas para atender aos requisitos de design da aplicação. Ao gerenciar fontes programaticamente, o Fontra ajuda a otimizar o desempenho da web. Os desenvolvedores podem carregar fontes de forma condicional com base em interações do usuário ou outros critérios, garantindo que os recursos sejam usados de maneira eficiente. O exemplo a seguir mostra como os desenvolvedores de software podem carregar fontes e aplicar vários tipos de propriedades em aplicativos JS.

import { loadFont, applyFontProperties } from 'fontra';

// Load a font and apply properties
loadFont('Open Sans').then(() => {
    applyFontProperties('Open Sans', {
        weight: 700,
        style: 'italic'
    });
    console.log('Open Sans with properties has been applied');
});

Descoberta e Busca de Fontes em Aplicativos Web

A API de código aberto Fontra oferece suporte completo para a pesquisa de fontes em aplicações JavaScript. A API é muito fácil de usar e fornece capacidade de buscar fontes com base em diversos critérios, como estilo, peso e classificação. Isso é particularmente útil quando os desenvolvedores desejam explorar opções de fontes programaticamente ou criar uma ferramenta de seleção de fontes dentro de sua aplicação web. O trecho abaixo demonstra uma pesquisa simples por fontes com o nome da família 'Roboto'. O objeto retornado contém metadados, incluindo estilos disponíveis, pesos e URLs de download.

const fonts = fontra.searchFonts({ family: 'Roboto' });
console.log(fonts);

Suporte ao Acesso a Metadados de Fontes

A API Fontra permite que desenvolvedores de software acessem metadados detalhados de fontes, como nome da família, categoria, subconjuntos disponíveis e muito mais em suas próprias aplicações web. Esse recurso é crucial para desenvolvedores que precisam tomar decisões informadas sobre a escolha de fontes com base em características como suporte a idiomas ou diversidade de estilos. Este código recupera informações detalhadas sobre a fonte 'Roboto', incluindo suas variantes disponíveis e subconjuntos suportados.

const fontDetails = fontra.getFont('Roboto');
console.log(fontDetails);