Я выполнил приведенные ниже инструкции, но мне не удалось успешно преобразовать в .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
Да, вы можете использовать два онлайн-инструмента.
Сначала скопируйте данные base64, так что все после "base64" и оставьте это); окончание. Затем зайдите на этот сайт и вставьте код:
http://www.opinionatedgeek.com/dotnet/tools/Base64Decode/
Он загрузит файл .bin. Затем перейдите к:
https://onlinefontconverter.com
Загрузите свой .bin файл справа и выберите convert to otf или tiff из ссылок слева. Нажмите ссылку для новой загрузки. Загрузите, распакуйте и разместите свой шрифт!
Вы можете просто открыть шрифт с панели "Сеть" в инструментах разработчиков и сохранить его.
Ниже приведен шаг за шагом для Google Chrome:
Что все.
Я просто ответил на ваш вопрос и нашел 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, кернинг и все такое.
Конечно, как и любой метод, используемый для копирования веб-сайтов, количество выводимых глифов, скорее всего, будет ограничено количеством, используемым на рассматриваемой странице.
Конвертировать шрифты 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 файла, содержащего нужные файлы шрифтов.