googleFontCrawler下載googleFontCrawler源代碼下載

googleFontCrawler

字體下載

1.0.0

下載

Google託管到本地的字體

自動Web攻擊器用於提取和準備Google字體供本地使用。這是由於歐洲數據保護法而導致的。（DSGVO）手工下載和鏈接所有字體文件是很寬容的。因此，我編寫了一個小的Python腳本來自動化該過程。

當通過“ fonts.googleapis.com” URL訪問Google字體時，該文件將在請求後不久生成。因此，需要WebCrawler在運行時訪問字體數據。

要求

Firefox瀏覽器
Python> 3.6
Python Pip軟件包：
- 硒
- geckodriver-autoinstaller
- 請求

用法

在此存儲庫的主文件夾中啟動系統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"  />
	...