Missing editor fonts

Offen
#176 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Anfängerfreundlichkeit
38/100
Issue-Typ
Bug
Klarheit
Größtenteils klar
Aktivitätsstatus
Veraltet
Tech-Stack
css
Bereich
frontend

Rechercherichtung

Beginne damit, den Editor-Stil zu finden, der font-family definiert, und vergleiche sein Verhalten auf Systemen ohne Menlo oder Monaco. Entscheide dich dafür, eine verfügbare, gut lesbare Schriftart bereitzustellen oder die problematische Reihenfolge benutzerdefinierter Schriftarten zu entfernen; abgeschlossen ist die Aufgabe, wenn der Editor in den gemeldeten Umgebungen lesbar bleibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Related: https://github.com/solidjs/solid-playground/pull/165#discussion_r1531977790

There's a font-family: Menlo, Monaco, "Courier New", monospace, "Droid Sans Mono", "monospace", monospace style but Menlo and Monaco aren't installed on all systems (Linux Manjaro, Brave browser).
Instead it tries the next one, which happens to be this thin/unreadable Courier New font:
image
image

I suggest including Menlo in the assets (or load from a cdn) so it will look like this for everyone:
image
Or remove the custom fonts altogether (defaults to "Droid Sans Mono", "monospace", monospace), which is equally readable:
image

Vorherrschende Sprache
TypeScript
Sterne
246
Forks
71
Ø Merge
5 Min.
Gemergte PRs (30 T.)
5

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus solidjs/solid-playground

Alle Issues in solidjs/solid-playground

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.