get google fonts
1.0.0
Script Descarga del archivo CSS con fuentes y adaptarlo a trabajar en entorno cerrado/fuera de línea. Útil, por ejemplo, cuando el proyecto debe ejecutarse en la red sin conexión con Internet o cuando realiza una aplicación basada en proyectos como Electron.
El script se puede "instalar" manualmente mediante clonación ./main.js o con npm:
npm install get-google-fonts
Por ejemplo, CSS con fuentes utilizadas así:
< link href =' https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic ' rel =' stylesheet ' >Se puede reemplazar con:
< link href =' fonts/fonts.css ' rel =' stylesheet ' > Usando en la línea de comando, es posible cuando el script se instala como global o conoce la ruta completa al archivo cli.js De forma predeterminada, NPM preferirá instalar Script como Global y después de que los Scripts compartirán el archivo en el directorio BIN llamado get-google-fonts . Entonces puedes usar ese comando en cualquier lugar.
Usage:
get-google-fonts [OPTIONS] [ARGS]
Options:
-i, --input URL Input URL of CSS with fonts
-o, --output [STRING] Output directory (Default is ./fonts)
-p, --path [STRING] Path placed before every source of font in CSS (Default is ./)
-c, --css [STRING] Name of CSS file (Default is fonts.css)
-t, --template [STRING] Template of font filename (Default is {_family}-{weight}-{comment}{i}.{ext})
-u, --useragent STRING User-agent used at every connection
-q, --quiet Don't displays a lot of useful information
-b, --base64 Save fonts inside CSS file as base64 URIs
--non-strict-ssl Force to accepts only valid SSL certificates; in some
cases,such proxy or self-signed certificates
should be turned off
-w, --overwriting Allows overwrite existing files
--print-options Shows result options object without performing any
action
-s, --simulate Simulation; No file will be saved
-h, --help Display help and usage details
Para obtener un resultado como ejemplo, simplemente ingrese el comando en la carpeta con el archivo HTML:
get-google-fonts -i "https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic"
Se pueden requerir fondos de GuT-Google como módulo.
const GetGoogleFonts = require ( 'get-google-fonts' ) ; Para obtener el resultado como un ejemplo, simplemente cree un método de objeto y ejecute el método download .
new GetGoogleFonts ( ) . download ( 'https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic' )
// => PromiseHay tres métodos útiles en todo el módulo.
Parámetros:
config le permite preconfigurar todas las descargas realizadas por este objeto. Ver más ... [Opcional]Ejemplo:
let ggf_ttf = new GetGoogleFonts ( {
userAgent : 'Wget/1.18'
} )
let ggf_defaults = new GetGoogleFonts ( )Parámetros:
url URL a CSS como objeto de fuentes o cadena simple. Puede ser una variedad de argumentos que la brujería se pasará a través de getgooglefonts.constructUrl ().config le permite configurar esta descarga. Ver más ... [Opcional]Ejemplo:
ggf . download ( [
{
Roboto : [ 400 , 700 ]
} ,
[ 'cyrillic' ]
] ) . then ( ( ) => {
console . log ( 'Done!' )
} ) . catch ( ( ) => {
console . log ( 'Whoops!' )
} )
// or
ggf . download ( 'https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic' , {
userAgent : 'Wget/1.18'
} ) . then ( ( ) => {
console . log ( 'Done!' )
} ) . catch ( ( ) => {
console . log ( 'Whoops!' )
} )Genere la URL de las fuentes de Google utilizando parámetros dados.
Parámetros:
families Objeto de nombres y pesos de fuentessubsets de subconjuntos de subconjuntosEjemplo:
GetGoogleFonts . constructUrl (
{
Roboto : [ '400' , 700 ] ,
'Roboto' : [ 400 , '700i' ] ,
'Alegreya Sans SC' : [ 300 ]
} ,
[ 'cyrillic' ]
)
// => https://fonts.googleapis.com/css?family=Roboto:400,700,700i|Alegreya+Sans+SC:300&subset=cyrillic Los objetos se considerarán de la siguiente manera: Descargar config> getGoogleFonts Object Config> Configuración predeterminada
// Default config object
{
// Output directory when where all files will be saved.
// According to this path, relative paths will be resolved.
outputDir : './fonts' ,
// Path placed before every source of font in CSS.
// It's also can be URL of your website.
path : './' ,
// Template of font filename.
template : '{_family}-{weight}-{comment}{i}.{ext}' ,
// Name of CSS file. Like other files
// will be placed relative to output directory
cssFile : 'fonts.css' ,
// User-agent used at every connection. Accordingly, Google Fonts will
// send the appropriate fonts. For example, providing a wget's
// user-agent will end with the download of .ttf fonts.
// Default user-agent downloads .woff2 fonts.
userAgent : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 ' +
'(KHTML, like Gecko) Chrome/57.0.2987.133 Safari/537.36' ,
// Save fonts inside CSS file as base64 URIs
base64 : false ,
// Force to accepts only valid SSL certificates; in some cases,
// such proxy or self-signed certificates should be turned off
strictSSL : true ,
// Allows overwrite existing files.
overwriting : false ,
// Displays a lot of useful information.
verbose : false ,
// Simulation; No file will be saved.
simulate : false
} Las siguientes variables se pueden usar en la plantilla:
{comment} Texto del comentario colocado antes @font-face. Google Place hay nombre de subconjunto, por ejemplo, latín{family} Fuente-Familia, por ejemplo, Sans Pro{_family} Font-Family (Whitespace se reemplazará con bajo), por ejemplo, Source_Sans_Pro{weight} Font-peso, por ejemplo, 400{filename} Nombre del archivo original EG ODELI1AHBYDBQGEIAH2ZLC2Q8SEG17BFDXYR_JUSRZG{ext} Extensión original, por ejemplo, Woff2{i} un número que se incrementa uno por uno cada vez que se agrega un archivo de fuente. Útil para preservar la singularidad de los nombres de fuentes en caso de que no esté seguro de si las variables anteriores son suficientes. Comienza desde 1. Este proyecto tiene licencia bajo la licencia Apache -2.0: consulte el archivo de licencia. MD para obtener más detalles
