#Consola web tu mejor amiga
/Consola web tu mejor amiga
Consola web for fun and piracy
-
entro a un lugar donde venden tipografías je , je2 && vj-type
-
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
-
inspecciono elementos y veo la fuente en .woff en la pestaña “tipografías”
-
la bajo accediendo al link :3
-
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
- 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
- alf ／占~~~~~ suma este link para descargar toda una web entera :O
~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):
-
Ir a la ventana “red” o “network”
-
buscamos el archivo .ttf o .woff de nuestra tipografía a descargar
- 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”
-
Pegamos la petición en una terminal
- Enter y descargamos :D
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”
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
descargar para no perder acceso.