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
$ python ./woff2otf.py oxymora-outline-webfont.woff oxymora-outline-webfont.otf
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
--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
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.