Goetheanum Icons

Als Webfont – per Taste

Eine Datei trägt alle Icons. Den @font-face-Block einbinden, einem Element die Icon-Schrift geben – dann sitzt jedes Piktogramm auf einer Taste.

kopieren@font-face{
  font-family:"Goetheanum Icons";
  /* A · Hausadresse — oder B: url("/fonts/Goetheanum-Icons-v2.7.woff2") */
  src:url("https://werkzeuge.goetheanum.ch/assets/fonts/goetheanum/Webfonts/woff2/Goetheanum-Icons-v2.7.woff2") format("woff2");
  font-display:block;
}
.icon{ font-family:"Goetheanum Icons"; }
/* <span class="icon">h</span> → Bioabfall */

Als Einzeldatei

Jedes Icon liegt in drei Formaten bereit – fertig fürs Web, fürs Layout und für den Druck. Über jeder Kachel oben einzeln zu laden, alle zusammen im Download-Abschnitt.

• SVGFürs Web und für Vektor-Programme – frei skalierbar, in der CSS-Farbe einfärbbar.
• PDFFür den Druck und InDesign – vektorbasiert, verlustfrei in jeder Größe.
• PNGFür schnelle Verwendung in Office und Präsentationen – fester Pixelrahmen.

Im Fließtext oder als Aufzählungszeichen ist der Webfont am leichtesten; für ein einzelnes großes Symbol im Layout die SVG oder das PDF.