161
Bearbeitungen
Erscheinungsbild: Unterschied zwischen den Versionen
Versucht schrift in SVG einzubetten. Zumindest einmal dokumentiert wie man es machen würde
Keine Bearbeitungszusammenfassung |
(Versucht schrift in SVG einzubetten. Zumindest einmal dokumentiert wie man es machen würde) |
||
| Zeile 24: | Zeile 24: | ||
* QR-Code auf Wiki | * QR-Code auf Wiki | ||
* [[Datei:Vorlage grob.svg|mini]] | * [[Datei:Vorlage grob.svg|mini]] | ||
===Einbetten der Schrift ins SVG=== | |||
Vorteile | |||
* Interaktive SVGs (mit Links und so) werden im Browser für alle korrekt dargestellt | |||
* Vorschau im Mediawiki rendert mit der korrekten Schrift | |||
Komprimieren der Fonts https://github.com/zachleat/glyphhanger?tab=readme-ov-file#whitelist-characters | |||
glyphhanger --LATIN --formats=woff2 --subset='*.ttf' | |||
Umwandeln der Schrift in base64 | |||
echo "console.log(require('fs').readFileSync('Raleway[wght]-subset.woff2').toString('base64'))" | node | |||
Einbetten im SVG: | |||
<style id="style1"> | |||
@font-face { | |||
font-family: Raleway; | |||
src: url("data:application/font-woff2;charset=utf-8;base64,d09GMgABAAA | |||
.... | |||
==== Caveat ==== | |||
* Mediawiki meckert noch wegen fontface im style tag | |||
* Inkscape stellt die schrift aus dem Dokument nicht dar | |||