googleFontCrawler
1.0.0
自动Web攻击器用于提取和准备Google字体供本地使用。这是由于欧洲数据保护法而导致的。 (DSGVO)手工下载和链接所有字体文件是很宽容的。因此,我编写了一个小的Python脚本来自动化该过程。
当通过“ fonts.googleapis.com” URL访问Google字体时,该文件将在请求后不久生成。因此,需要WebCrawler在运行时访问字体数据。
在此存储库的主文件夹中启动系统CLI,然后运行以下命令:
python getGoogleFonts.py
之后,找到旧的Google-font Include链接。它应该看起来像这样:
<html>
<header>
<title>My website</title>
...
<link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:700,700i|Nunito+Sans:400,700,900" rel="stylesheet">
...
仅将URL本身输入到Python CLI Promt:
Please copy your Google® fonts include URL here:
https://fonts.googleapis.com/css?family=Cormorant+Garamond:700,700i|Nunito+Sans:400,700,900
之后,您将能够访问export器中的所有内部文件
所有字体将下载到fonts - 文件中。除此之外,还生成font.css一个header.html 。
font.css -file看起来像这样:
/* CORMORANT GARAMOND | latin-ext */
/* italic-700 */
@font-face{
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 700;
src: url('../src/fonts/Cormorant-Garamond-italic-700-latin-ext.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* normal-700 */
@font-face{
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 700;
...
将新生成的fonts -Folder放入您的主要项目根部的src -Folder中。如果您没有src -Folder,只需创建一个新的。您还可以手动调整font.css -file中的所有字体src -attributes的路径,以及header.html -file。
将font.css -file放入您的主要项目根的css固定器中。如果要使用项目的另一个文件夹,只需调整header.html中最后一行的路径
将header.html的内容复制到您要使用字体的每个站点的标题部分中。您的代码应该看起来像这样:
<html>
<header>
<title>My website</title>
...
<link as="font" rel="preload" type="font/woff2" href="./src/fonts/Cormorant-Garamond-italic-700-latin-ext.woff2" crossorigin="anonymous" />
<link as="font" rel="preload" type="font/woff2" href="./src/fonts/Cormorant-Garamond-normal-700-latin-ext.woff2" crossorigin="anonymous" />
<link as="font" rel="preload" type="font/woff2" href="./src/fonts/Cormorant-Garamond-italic-700-latin.woff2" crossorigin="anonymous" />
<link as="font" rel="preload" type="font/woff2" href="./src/fonts/Cormorant-Garamond-normal-700-latin.woff2" crossorigin="anonymous" />
<link as="font" rel="preload" type="font/woff2" href="./src/fonts/Nunito-Sans-normal-400-latin-ext.woff2" crossorigin="anonymous" />
<link as="font" rel="preload" type="font/woff2" href="./src/fonts/Nunito-Sans-normal-700-latin-ext.woff2" crossorigin="anonymous" />
<link as="font" rel="preload" type="font/woff2" href="./src/fonts/Nunito-Sans-normal-900-latin-ext.woff2" crossorigin="anonymous" />
<link as="font" rel="preload" type="font/woff2" href="./src/fonts/Nunito-Sans-normal-400-latin.woff2" crossorigin="anonymous" />
<link as="font" rel="preload" type="font/woff2" href="./src/fonts/Nunito-Sans-normal-700-latin.woff2" crossorigin="anonymous" />
<link as="font" rel="preload" type="font/woff2" href="./src/fonts/Nunito-Sans-normal-900-latin.woff2" crossorigin="anonymous" />
<link rel="preload stylesheet" as="style" href="./css/font.css" />
...
什么尚未实施