Zurück zur Übersicht

Schriften

Die komplette Typografie von Menüradar. Drei Schriften, klare Rollen – alle quelloffen und kostenlos, auch für kommerzielle Nutzung und zum Selbst-Hosten.

Die drei Schriften

Bricolage Grotesque Überschriften · Logo-Schriftzug
Menüradar
Was gibt's heute zu Mittag?
Verwendung fürLogo-Wortmarke, Titel, Kartennamen, Kennzahlen
Genutzte Schnitte500600700800
Bezugfonts.google.com
LizenzSIL Open Font License 1.1
Inter Fließtext · Bedienelemente
Standort eingeben, Tag wählen, fertig.
Du siehst sofort alle Tagesmenüs in der Nähe – ohne dich durchzuklicken. Inter ist die neutrale, sehr gut lesbare Arbeitsschrift für alle Texte und Buttons.
Verwendung fürFließtext, Beschriftungen, Buttons, Formulare
Genutzte Schnitte400500600
Bezugfonts.google.com
LizenzSIL Open Font License 1.1
Space Mono Zahlen · Preise · Entfernungen
14,90 € · 0,3 km
Heute · Di 2. Juli · Umkreis 2,0 km
Verwendung fürPreise, Entfernungen, Datum/Zeit, Datenwerte
Genutzte Schnitte400700
Bezugfonts.google.com
LizenzSIL Open Font License 1.1
Logo: Der Schriftzug „Menüradar" ist Bricolage Grotesque in 800 (ExtraBold). Das Radar-Symbol selbst ist eine reine Vektorgrafik (SVG) und braucht keine Schrift.

Einbinden

Variante A · Google Fonts (schnell)

Diese zwei Zeilen in den <head> – lädt alle drei Schriften mit genau den genutzten Schnitten:

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@500;600;700;800&family=Inter:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap">

Variante B · Selbst hosten (empfohlen fürs echte Produkt)

Aus Datenschutzgründen (DSGVO) ist es in Österreich sauberer, die Schriften selbst auszuliefern statt über Google. Die Schriftdateien gibt es kostenlos – z. B. direkt bei Google Fonts (Download-Button) oder gebündelt über Fontsource. Dann per @font-face lokal einbinden.

CSS-Zuordnung

/* Überschriften & Logo */
font-family: 'Bricolage Grotesque', sans-serif;

/* Fließtext & UI */
font-family: 'Inter', system-ui, sans-serif;

/* Zahlen, Preise, Entfernungen */
font-family: 'Space Mono', monospace;

Fallbacks (sans-serif, system-ui, monospace) sind bewusst gesetzt: Falls eine Schrift kurz nicht lädt, bleibt der Text lesbar.

Alle drei stehen unter der SIL Open Font License 1.1 – kostenlos für kommerzielle Nutzung, Einbettung in Web/App und Selbst-Hosting. Nur die Schriftdateien allein dürfen nicht verkauft werden. Die volle Lizenz liegt jeweils beim Download bei.