Преобразование шрифта base64 в ttf или otf

Я выполнил приведенные ниже инструкции, но мне не удалось успешно преобразовать в .woff

Могу ли я преобразовать встроенный шрифт с кодировкой base64 в файл шрифта?

мой файл шрифта начинается с

@font-face {
font-family: "ff_0f65bfd4c8d788fc278265526a59";
src: url(data:font/woff;base64,d09GRk9UVE8AAGQDAAs............

и заканчивается на

...........PPvfkLBXJFlQ==);
}

Я могу только предположить, что проблема - это часть кода, который я пытаюсь преобразовать. Любая помощь приветствуется.

Когда я пытаюсь выполнить приведенную ниже команду, он просто создает пустой файл.

openssl base64 -d -in base64_encoded_font.txt -out font.woff

ОТВЕТЫ

Ответ 1

Да, вы можете использовать два онлайн-инструмента.

Сначала скопируйте данные base64, так что все после "base64" и оставьте это); окончание. Затем зайдите на этот сайт и вставьте код:

http://www.opinionatedgeek.com/dotnet/tools/Base64Decode/

Он загрузит файл .bin. Затем перейдите к:

https://onlinefontconverter.com

Загрузите свой .bin файл справа и выберите convert to otf или tiff из ссылок слева. Нажмите ссылку для новой загрузки. Загрузите, распакуйте и разместите свой шрифт!

Ответ 2

Вы можете просто открыть шрифт с панели "Сеть" в инструментах разработчиков и сохранить его.

Ниже приведен шаг за шагом для Google Chrome:

  • Откройте Chrome dev. инструменты (CMD + SHIFT + I, CTRL + SHIFT + I)
  • Откройте вкладку "Сеть", обновите веб-сайт
  • Только фильтр: Шрифты
  • Щелкните правой кнопкой мыши на файле шрифта + "Открыть на новой вкладке"
  • Сохранить файл + назовите его на основе типа шрифта.

Что все.

Ответ 3

Я просто ответил на ваш вопрос и нашел http://base64converter.com/, который может конвертировать/декодировать (и кодировать) любой файл base64 обратно в исходный формат, Я использовал его для кодирования и декодирования изображений base64 в прошлом, но это была моя первая попытка с помощью шрифта. В качестве теста я подключил встроенную информацию о шрифте base64, которую я нашел в файле css случайной веб-страницы. Вам не нужна вся запись, оставьте поле css info или конверсия не удастся.

  • (Например) удалите эту информацию, предшествующую base64:

    @font-face{font-family:"Example";src:url(data:application/x-font-woff;base64,

  • Удалить это с конца:

    );font-weight:400;font-style:normal}

  • Остались данные с кодировкой base64, вставьте их в поле "Input", выберите "Decode" для вывода и нажмите кнопку. Он создаст файл под названием download.bin: щелкните его, чтобы загрузить его. Затем измените расширение файла с bin на woff (ваш тип файла шрифта может быть другим, но он скажет в css). Я смог открыть файл .woff, и преобразование работало отлично; не только были сохранены все контуры, но также были имена глифов, функции opentype, кернинг и все такое.

Конечно, как и любой метод, используемый для копирования веб-сайтов, количество выводимых глифов, скорее всего, будет ограничено количеством, используемым на рассматриваемой странице.

Ответ 4

Конвертировать шрифты base64 в другие форматы, используя следующие шаги:

  • Скопируйте данные base64.

    В CSS это часть с надписью "THIS_CODE": 

    @font-face {
  font-family:"font-name-here";
  src:url(data:font/opentype;base64,THIS_CODE);
}

  • Декодировать данные base64 с помощью конвертера. Вот два онлайн-конвертера: opinionatedgeek.com и motobit.com

    Они оба выведут файл .bin.

  • Перейдите в onlinefontconverter.com проверьте типы шрифтов, которые вы хотите (возможно, OTF или TTF), а затем нажмите "Выбрать шрифт (ы)" и загрузите файл .bin. Нажмите "Готово", и сайт найдет нужные форматы файлов шрифтов, а затем предложит ссылку для загрузки zip файла, содержащего нужные файлы шрифтов.