build: use fontconfig for eleventy-img

learosema · Feb 11, 2024 · 633778a · 633778a
1 parent b34c148
commit 633778a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -10,7 +10,7 @@
     "lint:html": "java -jar node_modules/vnu-jar/build/dist/vnu.jar --skip-non-html --filterfile .vnurc dist",
     "lint:css": "stylelint \"src/assets/css/**/*.css\"",
     "lint:js": "eslint eleventy.config.js src/assets/js",
-    "build": "cross-env NODE_ENV=production eleventy"
+    "build": "cross-env NODE_ENV=production PANGOCAIRO_BACKEND=fontconfig eleventy"
   },
   "repository": {
     "type": "git",

diff --git a/src/opengraph-default.njk b/src/opengraph-default.njk
@@ -21,7 +21,7 @@ permalink: '/assets/images/social-preview/default.svg'
   {%- endfor -%}
   <text
     id="text"
-    font-family="sans-serif"
+    font-family="'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif"
     font-size="80"
     font-weight="900"
     fill="{{ color }}"

diff --git a/src/social-preview.njk b/src/social-preview.njk
@@ -46,7 +46,7 @@ eleventyExcludeFromCollections: true
 
   <!-- date -->
   <text
-    font-family="sans-serif"
+    font-family="serif"
     font-size="26"
     font-weight="700"
     style="filter: drop-shadow(4px 4px 0px {{ background }})"
@@ -61,12 +61,12 @@ eleventyExcludeFromCollections: true
   <!-- title -->
   <text
     id="text"
-    font-family="sans-serif"
+    font-family="'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif"
     font-size="80"
     font-weight="900"
     fill="{{ color }}"
     style="filter: drop-shadow(4px 4px 0px {{ background }})"
-    letter-spacing="-3"
+    letter-spacing="-1"
   >
     {% for line in titleInLines %}
     <tspan x="160" y="{{ verticalStartingPoint - 20 + loop.index0 * 80 }}">