fixed #692

CHANGELOG.md

@@ -10,6 +10,7 @@ Go to the `v1` branch to see the changelog of Lume 1.
 - New plugin: `json_ld` for generating JSON-LD tags in the output [#453]
 - New plugin: `purgecss` to remove unused CSS. [#693]
 - New middleware `router`.
+- `google_fonts`: Added `subset` option to filter character ranges. [#692]
 
 ### Changed
 - `lighningcss`: Upload default browser versions:
@@ -640,6 +641,7 @@ Go to the `v1` branch to see the changelog of Lume 1.
 [#685]: https://github.com/lumeland/lume/issues/685
 [#686]: https://github.com/lumeland/lume/issues/686
 [#689]: https://github.com/lumeland/lume/issues/689
+[#692]: https://github.com/lumeland/lume/issues/692
 [#693]: https://github.com/lumeland/lume/issues/693
 [#704]: https://github.com/lumeland/lume/issues/704
 

plugins/google_fonts.ts

@@ -15,6 +15,9 @@ export interface Options {
 
   /** A placeholder to replace with the generated CSS */
   placeholder?: string;
+
+  /** The font subsets to download (latin, cyrillic, etc) */
+  subsets?: string[];
 }
 
 export const defaults: Options = {
@@ -42,7 +45,8 @@ export function googleFonts(userOptions: Options) {
 
       for (const [name, url] of Object.entries(fonts)) {
         const css = await readFile(getCssUrl(url));
-        const fontFaces = extractFontFaces(css, name);
+        const fontFaces = extractFontFaces(css, name)
+          .filter((fontFace) => options.subsets?.includes(fontFace.subset) ?? true);
 
         await Promise.all(fontFaces.map(async (fontFace) => {
           const content = await read(fontFace.src, true);
@@ -114,7 +118,8 @@ function extractFontFaces(css: string, name: string): FontFace[] {
 
 function generateCss(fontFaces: FontFace[], fontsFolder: string): string {
   return fontFaces.map((fontFace) => {
-    return `@font-face {
+    return `/* ${fontFace.subset} */
+@font-face {
   font-family: '${fontFace.family}';
   font-style: ${fontFace.style};
   font-weight: ${fontFace.weight};