diff options
| author | Lars-Dominik Braun <lars@6xq.net> | 2019-11-02 09:36:34 +0100 |
|---|---|---|
| committer | Lars-Dominik Braun <lars@6xq.net> | 2019-11-02 09:36:34 +0100 |
| commit | f1e969402ea4a1dadba6c4c72028dc76cc6daa38 (patch) | |
| tree | 127217c2045f52e9de316085c30cfdb462dcb603 /lulua/data | |
| parent | baa78a97e4a15293b691cbb0e33533666bf95b41 (diff) | |
| download | lulua-f1e969402ea4a1dadba6c4c72028dc76cc6daa38.tar.gz lulua-f1e969402ea4a1dadba6c4c72028dc76cc6daa38.tar.bz2 lulua-f1e969402ea4a1dadba6c4c72028dc76cc6daa38.zip | |
render: Improve generated SVG compatibility
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.
Diffstat (limited to 'lulua/data')
| -rw-r--r-- | lulua/data/render-svg.css | 10 |
1 files changed, 6 insertions, 4 deletions
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 */ |