#Consola web tu mejor amiga

/Consola web tu mejor amiga

Consola web for fun and piracy

  1. entro a un lugar donde venden tipografías je , je2 && vj-type

  2. puedo testear la fuente en un bloque de html y esto me resulta muy gracioso ya que si estoy viendo la typo, la estoy descargando en algún /tmp y es posible llegar al link

  3. inspecciono elementos y veo la fuente en .woff en la pestaña “tipografías”

img-1

img-1

  1. la bajo accediendo al link :3

  2. el archivo que bajé “.woff” se convierte a lo que quieras, por ejemplo a otf con un poco de python 3 para poder usarla con inkscape

si bajaste muchas podes usar un for en bash para convertirlas todas de una:

este es mi directorio: type/ type/woff2otf.py type/example.woff cd en la terminal parados en la carpeta donde esta el woff2otf.py y las tipografias en .woff:

for i in *.woff ; do python ./woff2otf.py "$i" "${i%.*}.otf" ; done

con este for recorremos todos los archivos que son .woff y los convertimos a .otf

  1. también estan estos servicios “online” para convertir “.woff” o “.woff2” a .otf para la que no tenga una terminal a mano :D

$ python ./woff2otf.py oxymora-outline-webfont.woff oxymora-outline-webfont.otf

~Update 07/08/2020

Me topé con la web fontfabric optimo.ch que por cada fuente hace una petición xhr desde el navegador entonces cuando vamos a utilizar los pasos anteriores y hacemos click en la url dentro de “tipografias” como esta nos tira un error 403 ERROR The request could not be satisfied.

Entoces para descargarla vamos a abrir la consola en el navegador (F12):

  1. Ir a la ventana “red” o “network”

  2. buscamos el archivo .ttf o .woff de nuestra tipografía a descargar

img-1

img-1

  1. Copiamos como cURL la petición que hace el navegador (gracias gahen por el tip) y agregamos al final: --output nombredelatipografia.ttf(poner la extención que estás descargando de tipografía)
    curl 'https://d26ik0aqrns2ec.cloudfront.net/Dox/Regular.ttf' -H 'User-Agent: Mozilla/5.0 (X11; Fedora; Linux x86_64; rv:79.0) Gecko/20100101 Firefox/79.0' -H 'Accept: */*' -H 'Accept-Language: es-AR' --compressed -H 'Origin: https://www.fontfabric.com' -H 'DNT: 1' -H 'Connection: keep-alive' -H 'Referer: https://www.fontfabric.com/fonts/dox/' -H 'Pragma: no-cache' -H 'Cache-Control: no-cache' -H 'TE: Trailers' --output dox-regular.ttf
    

    “El principal propósito y uso para cURL es automatizar transferencias de archivos o secuencias de operaciones no supervisadas. Es por ejemplo, una herramienta válida para simular las acciones de usuarios en un navegador web. wiki

  2. Pegamos la petición en una terminal img-1

  3. Enter y descargamos :D img-1

update 29-08-2021

Hay algunos casos donde las typos están en base64 hardcodeadas, por ejemplo en esta web si vamos a la pestaña de Tipografias podemos ver el link al “data:font/woff;charset=utf-8;base64”

img-1

vamos a generar una etiqueta href para poder descargar esa información pero ya decodificada:

en cualquier lado del html hacemos click derecho + editar como html y pegamos esto:

<a download="nombre-typo.woff" href="data:font/woff;charset=utf-8;base64,asdasd...">Download</a>

gracias Minko Gechev

reemplazar lo que esta entre “” en el href por el link largo que vimos en la imagen anterior de la tipografía a descargar.

luego hacemos click en cualquier lado de la web y aparecerá la palabra download en algun lado. pulsamos y descargamos nuestra nombre-typo.woff, luego convertimos como en pasos anteriores a .otf

img-1

descargar para no perder acceso.

última edición 29 Aug 2021 by librenauta