Schreibschriften

Um Ihre Website nicht zu überladen, können Sie in WebAcappella 6 verschiedene Schriftarten festlegen.

Diese Schriften gibt es in drei Arten:

  • Standard-Textfont (bereits auf Ihrem System installiert)

  • Webfonts (wie z. B. GoogleFonts)

  • Eigene Webfonts (aus kostenlosen oder kostenpflichtigen Dateien)

Es ist ratsam, auf Ihrer gesamten Website höchstens eine oder zwei Webfonts zu verwenden.

Dies ermöglicht Ihnen eine schnelle Anzeige und eine gewisse grafische Konsistenz.

../../_images/fonts_edition.webp

Standard Text Font

Die Standardschriftarten wurden aus denjenigen ausgewählt, die auf fast allen Betriebssystemen standardmäßig installiert sind (Arial, Times …).

Diese Art von Schrift verbraucht keine Netzwerkressourcen, da sie auf dem Terminal des Besuchers Ihrer Website bereits vorhanden ist.

Benutzerdefinierter Webtext Font

Sie finden Websites, die Webfont-Dateien anbieten (Kostenlos oder kostenpflichtig).

../../_images/font_custom_edit.webp

Hier ein Beispiel für die Unterbringung der Schrift ‚Amatic SC‘

  • Füllen Sie den Namen der Schrift ‚Amatic SC‘ aus

  • Fügen Sie die Dateien woff und woff2 zu Ihrem Projekt hinzu

  • Kopieren Sie den CSS-Code mit der Url der Dateien (‚{{ WA_FONT_FAMILY }}‘ wird automatisch durch ‚Amatic SC‘ ersetzt)

/* amatic-sc-regular - latin */
@font-face {
  font-family: '{{ WA_FONT_FAMILY }}';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('{{WA_FILE amatic-sc-v24-latin-regular.woff2}}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('{{WA_FILE amatic-sc-v24-latin-regular.woff}}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* amatic-sc-700 - latin */
@font-face {
  font-family: '{{ WA_FONT_FAMILY }}';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('{{WA_FILE amatic-sc-v24-latin-700.woff2}}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('{{WA_FILE amatic-sc-v24-latin-700.woff}}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

Google Web Text Font

WebAcappella ermöglicht es Ihnen, aus der Liste der von Google angebotenen Webfonts (Google Fonts) auszuwählen

WebAcappella wird die Dateien automatisch herunterladen, um sie auf Ihrem Server zu installieren.

https://fonts.google.com/

../../_images/google_fonts.jpg