fonts - para - ¿Puedo convertir la fuente de codificación base64 incorporada en un archivo de fuente?

incluir fuentes en css

Question

Tengo una regla @ font-face, y se ve así:

@font-face{
    font-family:''F'';
src:url("") format("embedded-opentype"),
url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAA ... ETC... ETC

¿Puedo convertir esto a un archivo de fuente?

¡Gracias!

Answer 1

Copie la parte codificada en base64 y conviértala. Hay muchas formas de hacerlo.

Linux

base64 -d base64_encoded_font.txt > font.woff

Mac OS X

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

WIndows

Vaya a http://www.motobit.com/util/base64-decoder-encoder.asp y pegue el texto. Elija "decodificar los datos de una cadena Base64 (decodificación base64)" y "exportar a un archivo binario".

Answer 2

La respuesta de @Mcrumley es correcta, pero para aquellos de ustedes que no pueden entenderlo y / o le temen a la línea de comandos, tengo un método alternativo.

Acabo de buscar en Google su pregunta, y encontré http://base64converter.com/ que puede convertir / decodificar (y codificar) cualquier archivo base64 a su formato original. Lo había usado para codificar y decodificar imágenes de base64 en el pasado, pero este fue mi primer intento con una fuente. Como prueba, conecté la información de la fuente base64 incrustada que encontré en el archivo css de una página web al azar. No quiere la entrada completa, deje la información css o la conversión fallará.

1. (Por ejemplo) elimine esta información que precede al base64:

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

2. Eliminar esto del final:

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

3. Te quedarán los datos codificados en base64, pega eso en el campo "Entrada", selecciona "Decodificar" para la salida y presiona el botón. Creará un archivo llamado download.bin : haga clic para descargarlo. Luego cambie la extensión de archivo de bin a woff (su tipo de archivo de fuente podría ser diferente, pero dirá en el css). Pude abrir el archivo .woff y la conversión funcionó perfectamente; no solo se salvaron todos los contornos, sino también los nombres de los glifos, las características del ícono del opentype, el interletraje y todo.

Por supuesto, como cualquier método usado para copiar webfonts, la cantidad de glifos arrojados se limitará a los utilizados en la página en cuestión.

Si los archivos woff no son lo que necesita, hay muchas herramientas en línea para convertir woff al formato de su elección. O si necesita una herramienta fuera de línea, revise esta pregunta y las respuestas que recibí:

Modificar Python Script to Batch Convertir todos los archivos "WOFF" en el Directorio