Existe alguma maneira de definir famílias de fontes substitutas no Illustrator SVG?


7

Estou tentando configurar uma ação que cria arquivos SVG versáteis que contêm texto, que podem ser usados ​​em vários lugares, incluindo o Wikimedia Commons. O único problema é que o Wikimedia Commons suporta apenas um conjunto restrito de fontes sem direitos autorais : das quais as mais difundidas são fontes como DejaVu e Liberation, que é improvável que as pessoas tenham (a menos que estejam no Linux).

A recomendação é, como nos velhos tempos da Web, usar famílias de fontes de fallback no seu SVG. Por exemplo, para algo com texto sans-serif padrão bog, você pode usar font-family: Liberation Sans, Helvetica, Arial, sans-serif- a Wikimedia não pode usar Arial ou Helvetica, enquanto Liberation Sans é uma fonte que eles suportam com tamanho, espaçamento e estilo de letra quase idênticos a esses dois, então seu layout não será quebrado de qualquer maneira.

Isso seria perfeito, mas os arquivos SVG estão saindo do Illustrator, que não tem nenhuma facilidade óbvia para isso: parece ser estritamente apenas uma fonte.

Existe alguma maneira de forçar o Illustrator a gerar SVG com famílias de fontes como em font-family="Liberation Sans, Helvetica, Arial, sans-serif"vez de comofont-family="'Helvetica'"


No meu caso particular, existem centenas deles e é um processo que estou configurando como ações para um cliente se autogerenciar, por pessoal com acesso limitado a software não padrão, por isso estou tentando evitar etapas não ilustrativas como editar o código-fonte SVG, se possível.

Respostas baseadas em outros programas, como o Inkscape ou (melhor) editores SVG online, serão muito bem-vindas, especialmente se elas puderem ser usadas com algo que funcione como os lotes de ação do Illustrator em um lote de arquivos de uma só vez (mas isso não é essencial).


11
você pode abrir e editar SVGs com qualquer editor de código, ou seja backets que tem uma pesquisa multi-arquivo e substituir construção em
tim humano

Respostas:


4

Deixando um método de "último recurso" aqui. Não é o ideal, pois envolve mexer no código e parece exigir acesso a um editor de código. O método ideal envolveria software de design padrão, onde é mais difícil quebrar coisas acidentalmente.


AVISO: devido a um bug ridículo da Adobe no Illustrator CS6 , o fato de ter várias fontes das quais uma ou mais não estão instaladas em sua máquina faz com que o Illustrator CS6 falhe ao abrir SVGs com o erro abaixo - mesmo se houver uma fonte anterior na lista. instalado.

A operação não pode ser concluída devido a um erro desconhecido [CANT]

Softwares criados profissionalmente (que não são da Adobe), como navegadores da web, editores SVG, etc. lidam bem com isso, é um bug do CS6 que a Adobe não está interessada em corrigir.


Mas se alguém estiver em uma posição semelhante e puder mexer com código e regex, aqui está um exemplo de conjunto de etapas com base no uso de Sublime Text (a maioria dos editores de código tem recursos semelhantes):

  • Localize> Localizar nos arquivos e pressione o botão expressões regulares
  • Coloque isso em "Localizar:" font-family=".*?"(isso pressupõe que aspas duplas sejam usadas)
  • Escolha sua pasta em "Onde:"
  • Coloque o que deseja em "Substituir:" (por exemplo font-family="Liberation Sans, Helvetica, Arial, sans-serif")
  • Execute-o e, em seguida, Arquivo> Salvar Tudo
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.