From f1e969402ea4a1dadba6c4c72028dc76cc6daa38 Mon Sep 17 00:00:00 2001
From: Lars-Dominik Braun <lars@6xq.net>
Date: Sat, 2 Nov 2019 09:36:34 +0100
Subject: render: Improve generated SVG compatibility
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Switch to proper SVG user coordinate rendering instead of font-dependent
sizes. Embed WOFF2 fonts, so images have proper fonts when embedded.
Remove font blobs and submodule IBM’s plex git repo.
---
 lulua/data/render-svg.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

(limited to 'lulua/data')

diff --git a/lulua/data/render-svg.css b/lulua/data/render-svg.css
index 575d11c..e127625 100644
--- a/lulua/data/render-svg.css
+++ b/lulua/data/render-svg.css
@@ -1,6 +1,8 @@
-svg {
+/* inkscape-compatibility, explicitly apply font settings to .label */
+svg, .button .label {
 	font-family: "IBM Plex Arabic";
-	font-size: 25pt;
+	font-size: 90px;
+	font-weight: 400;
 }
 .button.unused {
 	opacity: 0.6;
@@ -12,7 +14,7 @@ svg {
 }
 .button .label .layer-2, .button .label .layer-3, .button .label .layer-4 {
 	font-size: 80%;
-	font-weight: 200;
+	font-weight: 100;
 }
 .button .label .controlchar {
 	font-size: 40%;
@@ -23,7 +25,7 @@ svg {
 }
 .button .cap.highlight {
 	fill: #dc322f; /* red */
-	filter: blur(0.5em);
+	filter: blur(50px);
 }
 .button.finger-little .cap.shadow {
 	fill: #dc322f; /* red */
-- 
cgit v1.2.3