Utility to download fonts, js etc

rcy026 · February 2023

Some time ago I read a post either here or on OGF, where someone gave a tip about a utility that parses a website and downloads all webfonts and js files referenced and saves them locally.
I have googled and searched everywhere but I just cant find that utility again, does anyone know what I'm talking about?

loay · February 2023

wget --mirror?

Neoon · February 2023

https://www.httrack.com/ ?

rcy026 · February 2023

I might have expressed myself a bit unclear.
I'm talking about webdesign here. A lot of templates and themes use webfonts or libraries that are referenced with their full URI. This utility would parse such a template/theme/website and download the content and rewrite the code to point to the local copy instead.

Encoders · February 2023

you're going to need a web scraper, just learn them on your own with python+beautifulsoup to parse the web page. upon css/font type, do a GET request.
if you that lazy look at github with 'web scraper' tag

supriyo_biswas · February 2023

@rcy026 said: A lot of templates and themes use webfonts or libraries that are referenced with their full URI.

https://explainshell.com/explain?cmd=wget+-k

rcy026 · February 2023

Just to clarify, I'm talking about when designing websites here, not scraping websites. It's a utility that you can point to a css file on your harddrive that is part of a website project and it will parse the file and download the dependencies.
This is not a webscraper.

shallow · February 2023

https://gulpjs.com/

Chat GPT says:

Here's an example of how you can use Gulp to parse a CSS file and download its dependencies:

Install Gulp by running the following command in your terminal:

npm install --global gulp-cli

Create a new project directory and navigate to it:

mkdir my-project
cd my-project

Create a new package.json file for your project:

npm init

Install Gulp and its plugins:

npm install gulp gulp-postcss gulp-sourcemaps autoprefixer cssnano --save-dev

Create a new gulpfile.js file in your project directory:

touch gulpfile.js

Open gulpfile.js in your text editor and add the following code:

const gulp = require('gulp');
const postcss = require('gulp-postcss');
const sourcemaps = require('gulp-sourcemaps');
const autoprefixer = require('autoprefixer');
const cssnano = require('cssnano');

gulp.task('styles', function () {
  return gulp.src('path/to/your/css/file.css')
    .pipe(sourcemaps.init())
    .pipe(postcss([autoprefixer(), cssnano()]))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('path/to/your/destination/folder'));
});

This code defines a Gulp task called styles that reads your CSS file, parses it using PostCSS, and applies the Autoprefixer and CSSnano plugins to it. The resulting CSS is then saved to a destination folder with sourcemaps.

Run the styles task by running the following command in your terminal:

gulp styles

This will execute the styles task and generate a new CSS file in the specified destination folder, along with any dependencies it requires.

That's it! You can now use Gulp to parse and download dependencies for your CSS files.

Ympker · February 2023

GDPress does this for WordPress, kinda.
OMGF for gfonts on wp sites.

rcy026 · February 2023

@Ympker said:
GDPress does this for WordPress, kinda.

This is the kind of thing I was talking about. It's not the one I had in mind, but it is similar.

Utility to download fonts, js etc

Comments