Flo
9a958c0051
Editorial single-page viewer for the City of Münster's 2026/2027 budget draft, built as an Astro v6 SPA with a 4-level zoomable icicle (Produktbereich → Produktgruppe → Category → Breakdown). Highlights: - Multi-flow data layer over the official open-data CSVs (Aufwendungen + Erträge, 2008–2028) with overlap reconciliation across plan years. - Year slider as a 21-year mini-histogram of both flows; drag-to-scrub and click-to-jump, with bars morphing via CSS transitions on SVG geometry attributes. - Vertically centred icicle with year-outline rectangles framing each year's relative budget size, à la Bostock's animated treemap. - Headline "ausgibt / einnimmt" toggle; sidebar Aufwendungen/Erträge rows double as flow toggles. Active flow in Aufwendungen-purple / Erträge-orange (OKLCH). - Click-to-zoom via path-keyed lookup with ZOOM_COL_BOUNDS that reallocate the depth axis per zoom state. Zoomed item moves to the sidebar; canvas shows its descendants only (no adjacent-block leaks). - Sidebar shows path-specific Aufwendungen/Erträge/Saldo plus the source-PDF Beschreibung; Erläuterungen behind a collapsed details. - Build-time PDF extraction (scripts/extract-pg-sections.mjs) parses 68 Produktgruppen' Beschreibung + Erläuterungen sections from Band 1, including 10 cells of structured Mio.-€ breakdowns (Steuern, Transferaufwendungen, etc.) that drive the level-4 view. - URL state sync for path, year, and flow via history.replaceState so any zoom is shareable. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
78 lines
2.5 KiB
Plaintext
78 lines
2.5 KiB
Plaintext
Figtree Variable Font
|
||
=====================
|
||
|
||
This download contains Figtree as both variable fonts and static fonts.
|
||
|
||
Figtree is a variable font with this axis:
|
||
wght
|
||
|
||
This means all the styles are contained in these files:
|
||
Figtree/Figtree-VariableFont_wght.ttf
|
||
Figtree/Figtree-Italic-VariableFont_wght.ttf
|
||
|
||
If your app fully supports variable fonts, you can now pick intermediate styles
|
||
that aren’t available as static fonts. Not all apps support variable fonts, and
|
||
in those cases you can use the static font files for Figtree:
|
||
Figtree/static/Figtree-Light.ttf
|
||
Figtree/static/Figtree-Regular.ttf
|
||
Figtree/static/Figtree-Medium.ttf
|
||
Figtree/static/Figtree-SemiBold.ttf
|
||
Figtree/static/Figtree-Bold.ttf
|
||
Figtree/static/Figtree-ExtraBold.ttf
|
||
Figtree/static/Figtree-Black.ttf
|
||
Figtree/static/Figtree-LightItalic.ttf
|
||
Figtree/static/Figtree-Italic.ttf
|
||
Figtree/static/Figtree-MediumItalic.ttf
|
||
Figtree/static/Figtree-SemiBoldItalic.ttf
|
||
Figtree/static/Figtree-BoldItalic.ttf
|
||
Figtree/static/Figtree-ExtraBoldItalic.ttf
|
||
Figtree/static/Figtree-BlackItalic.ttf
|
||
|
||
Get started
|
||
-----------
|
||
|
||
1. Install the font files you want to use
|
||
|
||
2. Use your app's font picker to view the font family and all the
|
||
available styles
|
||
|
||
Learn more about variable fonts
|
||
-------------------------------
|
||
|
||
https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
|
||
https://variablefonts.typenetwork.com
|
||
https://medium.com/variable-fonts
|
||
|
||
In desktop apps
|
||
|
||
https://theblog.adobe.com/can-variable-fonts-illustrator-cc
|
||
https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
|
||
|
||
Online
|
||
|
||
https://developers.google.com/fonts/docs/getting_started
|
||
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
|
||
https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
|
||
|
||
Installing fonts
|
||
|
||
MacOS: https://support.apple.com/en-us/HT201749
|
||
Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
|
||
Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
|
||
|
||
Android Apps
|
||
|
||
https://developers.google.com/fonts/docs/android
|
||
https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
|
||
|
||
License
|
||
-------
|
||
Please read the full license text (OFL.txt) to understand the permissions,
|
||
restrictions and requirements for usage, redistribution, and modification.
|
||
|
||
You can use them in your products & projects – print or digital,
|
||
commercial or otherwise.
|
||
|
||
This isn't legal advice, please consider consulting a lawyer and see the full
|
||
license for all details.
|