Eigene Schriftart verwenden (lokal)

Auf den Social E-Learning Plattformen kann eine Schriftart auf einfache Weise eingebunden werden, sodass kein Zugriff auf die Google Fonts Bibliothek notwendig ist.

Gehe dazu im Backend unter "Community" > "Eigene Schriftarten" und lade deine Schriftfamilie hoch.

Danach kann im Backend unter "Community" > "Theme Optionen" diese für die Schriften eingestellt werden.

OBACHT:

Der Dateiname der Schriftart darf KEINE Sonderzeichen oder Umlaute enthalten. Einzige Zeichen, die verwendet werden sollten, sind: - oder _


Das Community-Tool unterstützt 3 Datei-Typen für Schriften:

  • woff
  • woff2
  • ttf

Bei vielen Anbietern kann lediglich eine ttf Datei heruntergeladen werden. Mit Hilfe von Online-Convertern gelingt es, daraus eine woff oder woff2 Dateityp zu erstellen.

Convert TTF to WOFF2:

https://webfont.yabe.land/en/misc/convert-ttf-woff2/

  • Mehrere Dateien direkt via Drag&Drop, Konvertierung & Download startet automatisch

Convert TTF to WOFF:

https://convertio.co/de/

  • Mehrere Dateien direkt via Drag&Drop, Konvertierung 2 Dateien auf einmal
  • Download

Weil das Community-Tool leider keine Einstellung mit sich bringt, die Schriftfamilie für alle Buttons auf der Webseite festzulegen, kann dies über CSS gelöst werden mit Hilfe des folgenden Codes (nur für Buttons vom Community- und Online Kurs Tool):

/*font family for all buttons */
#buddypress .comment-reply-link, #buddypress .generic-button a, #buddypress .standard-form button:not(.search-form_reset), #buddypress a.button, #buddypress input[type="button"], #buddypress input[type="reset"], #buddypress input[type="submit"], #buddypress ul.button-nav li a, a.bp-title-button,
.learndash-wrapper .ld-button:hover:not(.learndash-link-previous-incomplete):not(.ld-button-transparent), #learndash-tooltips .ld-tooltip::after, #learndash-tooltips .ld-tooltip, .learndash-wrapper .ld-primary-background, .learndash-wrapper .btn-join, .learndash-wrapper #btn-join, .learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent), .learndash-wrapper .ld-expand-button, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz), .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger, .learndash-wrapper .ld-focus-comments .form-submit #submit, .learndash-wrapper .ld-login-modal input[type="submit"], .learndash-wrapper .ld-login-modal .ld-login-modal-register, .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue, .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a, #wpProQuiz_user_content table.wp-list-table thead th, #wpProQuiz_overlay_close, .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon,.learndash-wrapper #learndash_mark_complete_button, .learndash-wrapper .learndash_mark_complete_button {
    font-family: Open Sans lokal;
} 
Hat das deine Frage beantwortet? Danke für dein Feedback Beim Senden Ihres Feedbacks ist ein Problem aufgetreten. Bitte versuche es später erneut.

Brauchst du noch weitere Hilfe? Kontaktiere das Spreadmind Support Team Kontaktiere das Spreadmind Support Team