googleFontCrawler
1.0.0
Автоматический веб -гусеница для извлечения и подготовки шрифтов Google для локального использования. Это беспристрастно из -за европейского закона о защите данных. (DSGVO) Загрузка и связывание всех шрифтов вручную является аккуратной. Поэтому я написал небольшой сценарий Python для автоматизации процесса.
При доступе к шрифтам Google через URL «fonts.googleapis.com» файл генерируется вскоре после запроса. Таким образом, для доступа к Data в WebCrawler необходим доступ к Data во время выполнения.
Запустите системный CLI в основной папке этого репо и запустите следующую команду:
python getGoogleFonts.py
После этого найдите старый Google-Font, включите ссылку. Это должно выглядеть примерно так:
<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
После этого вы сможете получить доступ ко всем Nessessary Files в export .
Все шрифты будут загружены на fonts . Кроме того, header.html Assuld, как сгенерирован с font.css -flile.
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 в src -кладку вашего основного проекта Root. Если у вас нет src -Colder, просто создайте новый. Вы также можете вручную отрегулировать пути всех шрифтов src -Attributes в font.css -file As As The 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" />
...
Что еще предстоит реализовать
