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).
fonte
Respostas:
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.
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):
font-family=".*?"
(isso pressupõe que aspas duplas sejam usadas)font-family="Liberation Sans, Helvetica, Arial, sans-serif"
)fonte