Use any font oder Alternative

  • chakotay

    (@chakotay)


    vor 10 Jahren, 7 Monaten

    Hallo zusammen,

    Ich war auf der Suche nach einem Plugin, dass die Schriftarten des WP-Editors erheblich erweitert. Ich möchte gerne, wie in Textverarbeitungsprogrammen, mit Schriften „spielen“ können. Es geht mir nicht um die Veränderung der Themes-Schriftarten, sondern um die Inhalte meiner Seiten, die ich ja im Editor erstelle.
    Bin dabei auf das Plugin „Use any font“ gestoßen, das meinen Vorstellungen prinzipiell entspricht. Installation Freischaltung und Einbindung einer Testschrift war auch kein Problem.
    Nun muss man aber die Schriftart zuordnen, z. B. Zu headlines, links, paragraphs oder all body tags etc.
    Ich habe mich für paragraphs (p) entschieden und musste anschließend feststellen, dass auf allen meinen Seiten die Schriftart geändert wurde. Ich möchte jedoch auf einer Unterseite bspw. mehrere Gedichte veröffentlichen und jedes Gedicht in einer anderen Schriftart. Auf einer anderen Unterseite wird ein Fließtext erstellt, der wiederum in einer 3. Schriftart formatiert werden soll usw.

    Hat jemand eine Idee, ob ich einen Fehler bei „Use any font“ machen und welchen?
    Oder kennt jemand ein anderes entsprechendes Plugin, mit dem ich wie oben beschrieben im Editor außergewöhnliche Schriften verwenden kann?

    Ein Dankeschön im Voraus,
    Chakotay

Ansicht von 8 Antworten – 1 bis 8 (von insgesamt 8)
  • Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 10 Jahren, 7 Monaten

    Der Sinn eines Content Management Systems ist, Programmierung, Gestaltung und Inhalt voneinander zu trennen, damit sich der Benutzer auf seine Inhalte konzentrieren kann und nicht um technische Aspekte kümmern muss. Zu diesen technischen Aspekten gehört auch, wie Webschriftarten geladen werden und wie weit dies Einfluss auf die Performance einer Website nimmt.

    Aus gestalterischer Sicht ist es ohnehin fragwürdig, wenn mehrere Schriftarten (in verschiedenen Schriftschnitten) verwendet und willkürlich miteinander gemischt werden. Deshalb bietet der Editor von Hause aus auch keine unterschiedlichen Schriftarten an sondern überlässt die Gestaltung dem Theme-Entwickler, der (zumindest bei empfehlenswerten Themes) viel Zeit und Know-How in die Typografie der Vorlage investiert hat. Manchem Designer dreht sich bei der Vorstellung, dass der Benutzer nun die sorgfältig ausgesuchten und zusammengestellten Schriftarten munter mit einer Comic Sans, Papyrus oder anderen lustigen Fonts mischt, wahrscheinlich der Magen um.

    Ich möchte jedoch auf einer Unterseite bspw. mehrere Gedichte veröffentlichen und jedes Gedicht in einer anderen Schriftart.

    Das würde bedeuten, dass du sehr viele Webfonts laden musst (die Schriftarten sind ja nicht automatisch auf dem Tablet, Smartphone, Mac oder PC vorhanden) und damit die Website schnell unbrauchbar wird, weil sie ewig lädt.

    Sicher ist es machbar, bestimmten Abschnitten bestimmte Schriftarten zuzuweisen: Du kannst im Text-Modus des Editors <div>-Tags hinzufügen, um Textabschnitten eigene Klassen zuzuweisen:

    <div class="erlkoenig">
<p>Wer reitet so spät durch Nacht und Wind?<br/>
Es ist der Vater mit seinem Kind;<br/>
Er hat den Knaben wohl in dem Arm,<br/>
Er fasst ihn sicher, er hält ihn warm.</p>
…
</div><!-- .erlkoenig -->

    Der Selektor, dem du dann die Schriftart zuweist, lautet .erlkoenig p.

    Jetzt weißt du, wie es geht. Empfehlen mag ich es aus den o.g. Gründen nicht.

    Themenersteller chakotay

    (@chakotay)

    vor 10 Jahren, 7 Monaten

    Vielen Dank für die ausführliche Erklärung – das hilft mir schon sehr weiter. Vor allem auch hinsichtlich des globalen Verständnissen, wie WP funktioniert. Bin Ü50-Laie und muss mich da erst weiter hineinfuchsen.

    Ich würde nur sehr gerne meine Gedichte designen können…
    Aber vllt. kriege ich im Netz noch die ein oder andere Anregung, wie ich das benutzerfreundlich regeln kann.

    Viele Grüße!
    Chakotay

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 10 Jahren, 7 Monaten

    Aber vllt. kriege ich im Netz noch die ein oder andere Anregung, wie ich das benutzerfreundlich regeln kann.

    Was fehlt dir denn jetzt noch?

    Viele Webfonts sind Käse, weil a) schlechte Performance und b) noch schlechteres Layout.

    Wenn du Inhalte optisch abgrenzen möchtest, kannst du übrigens auch Beitrags-Formate oder benutzerdefinierte Felder verwenden.

    Themenersteller chakotay

    (@chakotay)

    vor 10 Jahren, 7 Monaten

    Ich lese mich mal in deine Vorschläge (Beitrags-Formate und benutzerdef. Felder) ein und schaue mal, ob es das ist, was ich mir so vorstelle. Danke für den Tipp.

    Falls es doch – trotz Kritik s.o. – jemanden interessiert, wie das Problem mit dem Plugin „Use any font“ zu lösen ist, ich habe es herausgefunden; wie so oft rein zufällig:
    Man gibt der jew. Schriftart einfach KEINE Einbindung. Das hat den Effekt, das man sie im Editor als Formatierung auswählen kann und nicht die ganze Webseite in der eingebundenen Schriftart erscheint.

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 10 Jahren, 7 Monaten

    Man gibt der jew. Schriftart einfach KEINE Einbindung.

    Liebe Kinder, macht das nicht zuhause nach. 😉

    Nehmen wir mal an, du verwendest für eine Zwischenüberschrift den Font Impact, bindest ihn aber nicht ein. Das hat zur Folge, dass der Textabschnitt in ein HTML-Tag mit einer Anweisung für die zu ladenden Fonts gepackt wird:

    <span style="font-family: Impact, Chicago;">Lorem ipsum</span>

    Im Browser des Webseiten-Besuchers wird nun geprüft, ob der Font Impact installiert ist. Falls nicht, wird nach der Schriftart Chicago gesucht. Und wenn die auch nicht da ist, wird eben die Times (New Roman) verwendet, da ja auch keine Schriftart eingebettet ist.

    Ohne Einbindung mag das dann auf deinem PC zuhause hübsch aussehen; auf anderen Computern, Tablets, Smartphones, etc. dann eher nicht.

    Themenersteller chakotay

    (@chakotay)

    vor 10 Jahren, 7 Monaten

    Also vielleicht habe ich mich missverständlich ausgedrückt, falls man das Plugin „Use any font“ nicht kennt, auf das ich mich beziehe. Mit „einbinden“ war „zuordnen“ (im Controlpanel des Plugins mit „assign“ bezeichnet) gemeint…

    Ich habe nämlich gerade über das Entwicklertool von Safari alle möglichen User Agents ausprobiert und die Schriftart wurde korrekt angezeigt.
    Ich vermute aber, dass ich einfach zu laienhaft in Bezug auf deine WP-Erfahrung denke und schreibe, daher bin ich jetzt hier raus.

    Danke für deine wertvollen Tipps, aber wir haben stellenweise aneinander vorbeigeredet… ;-(

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 10 Jahren, 7 Monaten

    Ich habe das Plugin extra installiert und mir angeschaut. Schon klar, was du mit „einbinden“ oder „zuordnen“ meinst. Nur – wenn du keine Schrift zuweist, mag das auf deinem Computer (auf dem die Schriftart vorhanden ist) auch in verschiedenen Browser-Emulationen schick aussehen; auf dem Computer eines Besuchers deiner Website sieht es … „suboptimal“ aus.

    Schade, dass ich dabei nicht deinen Erwartungen entsprochen habe.

    Themenersteller chakotay

    (@chakotay)

    vor 10 Jahren, 7 Monaten

    Du hast mir wirklich durch deine Erklärungen geholfen, indem ich mein Hintergrundwissen aufpäppeln konnte. Vielen Dank und auch für die Mühe, dass du das Plugin ausprobiert hast!!!!! 🙂

Ansicht von 8 Antworten – 1 bis 8 (von insgesamt 8)

Das Thema „Use any font oder Alternative“ ist für neue Antworten geschlossen.