fontfreeze

Fontfreeze

Congelar variações e recursos na fonte.

Introdução

As fontes modernas do OpenType suportam variações e recursos que permitem fontes personalizáveis. O problema é que nem todos os ambientes suportam esses mecanismos. IDEs como o Visual Studio suportam apenas a escolha do tamanho da família e da fonte, sem opções para selecionar variantes ou alternar recursos. O FontFreeze é uma ferramenta que permite criar uma instância personalizada de uma determinada fonte, para que você possa usar exatamente a fonte desejada nesses ambientes.

• Puramente front-end, sem atraso de upload para arquivos de fonte grandes.
• A visualização instantaneamente resulta em seu navegador.
• Exporta para os formatos TTF ou WOFF2.
• Suporta recursos de ligadura de congelamento.
• Suporta a maioria das fontes herdadas.

Como usá -lo

Basta visitar https://mutsuntsai.github.io/fontfreeze para iniciar o aplicativo, sem necessidade de instalação!

Ao abrir um arquivo .ttf, ele mostrará as informações da fonte e as opções disponíveis. Você pode selecionar uma variante específica (para fontes variáveis) selecionando uma das instâncias predefinidas ou personalizando cada eixo variável. Você também pode selecionar os recursos que deseja ativar (ou desativar) na lista de recursos:

• Para o significado de cada recurso, procure o manual do usuário da sua fonte. Na maioria dos casos, o recurso que você está procurando estará entre cv01 - cv99 , ss01 - ss20 , zero , onum , etc.
• A maioria das fontes de codificação possui suas ligaduras de codificação definidas no recurso calt . Se você deseja desativar completamente as ligaduras, calt desativado geralmente fará o truque.
• Deixar um recurso em branco significa manter seu comportamento padrão (que pode ou não ser ativado, dependendo do ambiente).
• Existem dois modos de subconjunto: Remova certos glifos da fonte (útil quando você deseja que esses personagens falem para outras fontes) ou mantenha apenas certos glifos (úteis quando você precisa apenas de alguns caracteres para o seu site, por exemplo).

Finalmente, clique em Generate font! Para gerar sua fonte. É tão simples!

Pontas:

• Sempre que possível, use uma versão não variável da fonte como ponto de partida, pois provavelmente dará uma melhor sugestão do que a variável.
• O texto de visualização é editável. Você pode colocar qualquer código -fonte de amostra para visualizar o resultado.
• Se você tiver várias telas com DPIs diferentes, visualize cada uma delas para garantir que o resultado seja perfeito.
• Para trabalhar com fontes nerds, certifique -se de congelar a fonte primeiro e depois corrigi -la. Faça isso de outra maneira pode levar a erros (consulte #8).

Como funciona

A FontFreeze usa o Fonttools, uma biblioteca Python para manipular fontes. Em seguida, utiliza o Pyodide para executar o código Python diretamente no seu navegador através do WebAssembly, para que seja puramente front-end e nada é armazenado no back-end. A parte da interface do usuário é construída com Petite-Vue e Bootstrap.

A maneira como a Fontfreeze desativa um recurso é removendo todas as pesquisas dentro dele e ativa um recurso movendo todas as pesquisas para o calt , que geralmente é ativado por padrão na maioria dos ambientes. Se isso não funcionar para um ambiente específico, você também pode tentar alterar o "recurso de destino para ativação" para rvrn (que é mais forçado que calt pela especificação do OpenType; observe que, neste caso, também pode ser necessário ativar calt para que outros recursos funcionem).

Desde a versão 1.3, além da abordagem referida, também existe uma opção para aplicar a substituição real do glifo por recursos de glifos únicos (que estão ligados por padrão) para a compatibilidade máxima em diferentes ambientes.

Reconhecimento

O FontFreeze é especialmente inspirado no Project VFit, e eu usei muitas partes do código -fonte dele. Outros projetos que inspiraram o FontFreeze incluem:

• Freezer com recurso OpenType, para inspirar o nome (usei uma abordagem adicional para congelar os recursos).
• Fontdrop!, Por inspirar a interface do usuário.
• Fontes de codificação (o site original não funciona mais, mas aqui está um clone), para inspirar o texto de visualização padrão.
• Microsoft Typography, para manter uma documentação detalhada nas especificações do OpenType.
• O gerador WebFont do Squirrel Web Squirrel, por não trabalhar em nenhuma das fontes que eu queria passar para ele e me forçando a criar minha própria ferramenta.

O banner "FontFreeze" é gerado usando o gerador de texto.