Zu Inhalt springen

Hochwertiger Formelsatz für Websites: Beispiel mit MathJax

Hervorgehobene Antworten

Moin.

Ich gebe mit Freunden ein freies Fahrradmagazin heraus und wir haben immer wieder Artikel wo komplexere Formeln vorkommen.
Die Autoren der Artikel schreiben ihre Formeln typischerweise in LaTeX. Auf MathML hat keiner Bock, das ist ihnen viel zu umständlich. Und einige meiner Tests ergaben: MathML wird auch noch nicht zufriedenstellend von Browsern dargestellt.

MathJax wird von einigen renommierten Publikationen verwendet. Ich habe daher jetzt für das Fahrradmagazin MathJax vorbereitet und werde es einführen. Es erlaubt das direkte Einbinden von LaTeX im HTML-Quelltext.
Für die Verwendung von MathJax wird ein Javascript eingebunden.

Vielleicht interessiert es euch?
https://borumat.de/-/fahrradzukunft/mathjax-latex
Ich bin jedenfalls ganz happy : )

Wir haben einen Mathematiker in der Redaktion, den ich gebeten habe, noch rauszufinden, ob man in MathJax global auch eine geeignete andere Schrift einstellen kann, eine ohne Serifen. Da wir in dem Fahrradmagazin "Fira Sans" für Fließtext verwenden und diverse einzelne Formelzeichen als plain HTML im Fließtext vorkommen (also ohne LaTeX) würde das besser harmonieren.

Diese vielen einzelnen Formelzeichen als HTML alle ebenfalls durch LaTeX zu ersetzen ist deutlich zuviel Aufwand für uns.

  • Ersteller

Mit einem Merkmal der Formeln bin ich nicht einverstanden:
Wie ihr sehen könnt, werden in der 2. Formel einige Zeichen wie z. B. π in einem sehr viel kleineren Schriftgrad (70,7%) als der Fließtext ausgegeben.

Das ist für Menschen mit einer Sehschwäche eine Barriere.

LaTeX setze den Schriftgrad automatisch in maximal 3 Stufen herab, sagte mir unser Mathematiker. Aus ästhetischen Gründen, um die Formeln nicht vertikal stark zu expandieren.

Ob man das in MathJax anders konfigurieren kann, weiß unser Mathematiker nicht.

Das verkleinerte π halte ich für Menschen mit Sehschwäche noch am leichtesten lesbar. Bei den Brüchen im Nenner hab ich ja schon ohne Sehschwäche Probleme.

 

Man kann aber mit Klick prima reinzoomen, wenn man sich das einstellt:

bildschirmfoto2023-05lniy1.png

Erstelle ein Konto, um zu kommentieren

Wichtige Informationen

Wir setzen Cookies, um die Benutzung der Seite zu verbessern. Du kannst die zugehörigen Einstellungen jederzeit anpassen. Ansonsten akzeptiere bitte diese Nutzung.

Konto

Navigation

Browser-Push-Nachrichten konfigurieren

Chrome (Android)
  1. Klicke das Schloss-Symbol neben der Adressleiste.
  2. Klicke Berechtigungen → Benachrichtigungen.
  3. Passe die Einstellungen nach deinen Wünschen an.
Chrome (Desktop)
  1. Klicke das Schloss-Symbol in der Adresszeile.
  2. Klicke Seiteneinstellungen.
  3. Finde Benachrichtigungen und passe sie nach deinen Wünschen an.