161
Bearbeitungen
Erscheinungsbild: Unterschied zwischen den Versionen
Versucht schrift in SVG einzubetten. Zumindest einmal dokumentiert wie man es machen würde
(Die Seite wurde neu angelegt: „== Schrift == Die Haussschrift der Viktoria-Quartier-Werktstatt: https://fonts.google.com/specimen/Raleway == Layoutprogramme == === Open-Source === Die folgenden Programme sind frei verfügbar. Somit können hochgeladene Dateien durch alle wieder bearbeitet werden: * Vektor-Zeichnen: https://inkscape.org/de/ * Pixel-Zeichnen ** Krita https://krita.org/en/download/krita-desktop/ ** GIMP https://www.gimp.org/ * Layout: https://www.scribus.net === Nicht…“) |
(Versucht schrift in SVG einzubetten. Zumindest einmal dokumentiert wie man es machen würde) |
||
| (2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 23: | Zeile 23: | ||
* Version des Merkblattes | * Version des Merkblattes | ||
* QR-Code auf Wiki | * QR-Code auf Wiki | ||
* [[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 | |||