Beste Schriftarten zur Verbesserung des Leseerlebnisses

13

Ich erstelle eine Website, deren Hauptzweck die Bereitstellung von Inhalten (Gesetzgebung) ist, und ich möchte den Nutzern die bestmögliche Leseerfahrung bieten. Sie können einen Blick auf die Beispielseite werfen:

http://iura.cl/cc/44

Wie Sie sehen, habe ich alles entfernt, was ich derzeit mit Telex webfont verwende. Ich habe auch eine Option zum Nachtlesen, die die Blendung reduzieren soll:

http://iura.cl/cc/44?estilo=nocturno

Ich frage mich, was ich bei der von mir ausgewählten Schrift beachten sollte, um sicherzustellen, dass sie lesbar ist.

Dan
quelle
2
"Welche Schriftart empfehlen Sie?" Ist einfach zu weit gefasst, als dass wir sie beantworten könnten. Beachten Sie auch, dass eine Schriftart mit Sicherheit einen großen Teil der Lesbarkeit von etwas
ausmacht
@ DA01 gibt es vielleicht eine Anleitung, die du empfehlen könntest?
Dan
Eine gute
Einführung
1
Die Frage scheint mir in Ordnung zu sein - es geht nicht um "Welche Schriftart empfehlen Sie?", Sondern um "Wie wählt man eine gut lesbare Schriftart für eine Website ? " - eine Vielzahl von Kriterien.
user56reinstatemonica8

Antworten:

10

Tatsächlich gibt es einige ziemlich einfache Prinzipien, wenn Ihr wichtigstes Kriterium eine gut lesbare Schrift für eine Website ist .

  1. Denken Sie Mainstream. Dank @font-faceIhnen konnte aus Tausenden und Abertausenden von Schriftarten ausgewählt werden - aber weniger beliebte oder neuere Schriftarten haben häufig Renderprobleme zwischen Browsern und Betriebssystemen, manchmal sogar, wenn sie von seriösen Herstellern stammen. Wenn Lesbarkeit Ihre Priorität ist und Sie keine umfangreichen Cross-Browser-Cross-OS-Tests durchführen möchten, sollten Sie auf Nummer sicher gehen und eine vertrauenswürdige, bewährte Schriftart verwenden. Die alten web-sicheren Schriftarten mögen Verdanaund Georgiasind sichere Wetten, da sie so weit verbreitet sind, dass sie auch in selteneren Browser- / Betriebssystem-Setups getestet wurden. Vertrautheit fördert die Lesbarkeit.
  2. Hohe x-Höhe und breit. Sie wissen nicht, wie hoch die Qualität oder Pixeldichte des Bildschirms Ihres Lesers ist. Wenn Sie also der Lesbarkeit Priorität einräumen, sollten Sie sicherstellen, dass die wichtigen Unterscheidungsmerkmale der Buchstaben besonders deutlich sind. Schriftarten für Web - Lesbarkeit, wie Verdanaund Georgia, so oft wie möglich ihre Pixel für die x-Höhe , wo die wichtigsten Details eines Briefes sind, und verwenden Sie minimale Pixel auf Oberlängen oder Unterlängen , wo ein ein oder zwei Pixel Unebenheit ist genug , um leicht Erzählen Sie ein bvon einem ooder einem p.
  3. Nicht zu leicht. Der helle Typ sieht auf Bildschirmen mit Druck oder hoher Pixeldichte gut aus - aber es gibt einen guten Grund, warum er bis ios7 selten auf Bildschirmen verwendet wurde und auch dann umstritten war: Wenn der Betrachter nicht unter optimalen Bedingungen sieht, wie ein qualitativ hochwertiger Bildschirm im Dauerbetrieb Innenbeleuchtung, es besteht die Gefahr der Lesbarkeit. Entscheiden Sie sich für eine Schrift mit einem guten, gleichmäßigen Gewicht - habe ich Verdanaund erwähnt Georgia?

Abgesehen von Verdanaund Georgianatürlich gibt es viele Schriftarten, die diese Kriterien erfüllen , und diese beiden werden manchmal als etwas langweilig angesehen, da sie bis etwa 2009, als @fontface weit verbreitet wurde, für einen Großteil des Webs die Hauptschriftarten waren .

Aber man kann wirklich nicht schief gehen mit ihnen - sie wurden entworfen für Web - Lesbarkeit und jeder Browser und Betriebssystem - Kombination wird getestet wurden , um sie gut angezeigt werden soll .


Edit: Wenn webtype Verkäufer und Gießereien haben sich die Mühe machen für eine gute Lesbarkeit zu testen, sind sie wahrscheinlich zu schreien darüber in ihrem Marketing. Zum Beispiel der Webtyp "Reading Edge" -Serie ( Hutspitze an Chris Burton, der dies hier erwähnt hat ). Testen Sie trotzdem viel.

user56reinstatemonica8
quelle
1
Ich bin kein Designer und habe einige Probleme mit meinen Augen. Ich lese gerne Gesetzestexte, aber ich denke, die brasilianische Seite tut manchmal weh. Deshalb habe ich Ihren Vorschlag (Verdana) aufgegriffen und ein Plugin namens Stylish mit einer Zeilenhöhe von 1,5, einer Schriftgröße von 16px und der Farbe Schwarz eingefügt. Es ist jetzt sehr angenehm für mich.
Fabio Montefuscolo
5

Ok, ich werde weitermachen und meine Gedanken darüber geben. Es gibt keine ultimative 'beste Schriftart' und es kann auch keine geben, da die Auswahl einer Schriftart von vielen verschiedenen Aspekten abhängt. Was es geben kann, ist eine "beste Methode zur Auswahl einer Schriftart".

Überlegen Sie also, welche Schriftart für Ihr Projekt am besten geeignet ist.

Medien: Wie wird die Schriftart angezeigt, Papier, Leinwand, Online, tragbares Gerät usw. Sie möchten sicherstellen, dass Sie eine Schriftart auswählen, die dem Medium entspricht, auf dem sie angezeigt wird, z. B. ein Block von Times New Roman Für ein gedrucktes Dokument mag das in Ordnung sein, aber auf dem Bildschirm (insbesondere auf einem kleinen Bildschirm) kann ein Block von Times New Roman ziemlich schwer zu lesen sein. Sie möchten auch sehen, was für Sie verfügbar ist, wenn Sie auf Web-Schriftarten beschränkt sind. Ressourcen wie Google-Schriftarten können Ihnen hier weiterhelfen. (Aus Wikipedia: "Web-sichere Schriftarten Web-sichere Schriftarten sind Schriftarten, die wahrscheinlich auf einer Vielzahl von Computersystemen vorhanden sind und von Autoren von Webinhalten verwendet werden, um die Wahrscheinlichkeit zu erhöhen, dass Inhalte in der von ihnen gewählten Schriftart angezeigt werden. Wenn ein Besucher eines Webs Die Site hat nicht die angegebene Schriftart. Ihr Browser versucht, basierend auf den vom Autor angegebenen Ersatzschriftarten und generischen Familien eine ähnliche Alternative auszuwählen, oder verwendet die im Betriebssystem des Besuchers definierte Schriftartersetzung. ")

Teilnehmerin: Überlegen Sie, wer es lesen wird. Ein kleines Kind kann auf eine serifenbasierte Schrift oder eine einzelne Geschichte 'a' im Gegensatz zu einer doppelten Geschichte 'a' verzichten . Wenn es sich jedoch um eine Hochzeitseinladung handelt, dann sind Schriftarten wie Edwardian Script in diesem Zusammenhang sehr beliebt, denn je mehr Serifen, desto dekorativer, desto besser - laut einigen Bräuten ist das;) obwohl auch noch das dekorative Zeug Wird hauptsächlich für Titel und nicht für den gesamten Inhalt verwendet. Als ein weiser ol

Kontrast / Farbe: Auch dies ist im Hinblick auf Ihr Projekt zu berücksichtigen. Natürlich möchten Sie Menschen nicht aufgrund eines schrecklich hohen Kontrasts blind machen oder ihnen Falten machen, wenn sie auf etwas blinzeln, das einen schrecklich niedrigen Kontrast aufweist - dieser Teil ist offensichtlich. Abhängig von Ihrem Farbschema möchten Sie jedoch möglicherweise mit den Einstellungen für Helligkeit und Kontrast experimentieren. Sie werden feststellen , dass GD.SE zum Beispiel bemerken , das nicht vollständig schwarz ist und komplett weiß (wie gefragt & antwortete hier ) - es hat einen geringeren Kontrast als das, es ist somit ganz einfach auf dieser Website zu sehen für sehr lange Zeiträume im Vergleich Wenn Sie etwas mit einem viel höheren Kontrast betrachten, werden Ihre Augen müde!

Gewichtung : Allgemein gilt, dass Schriftarten mit geringerer Gewichtung etwas besser lesbar sind als einige schwerere Schriftarten. Dies wird hier zusammen mit anderen Aspekten der Lesbarkeit, die Sie möglicherweise nützlich finden, weiter erläutert .

Anzahl: Je nach Medium, Zielgruppe und Inhalt möchten Sie möglicherweise mehrere Schriftarten auswählen. Ich schlage vor, vorsichtig zu sein. Sie möchten den Inhalt mit Sicherheit nicht verwechseln. Der springende Punkt bei Schriften ist, etwas zu kommunizieren. Was Sie suchen, ist der Weg, dies am effektivsten zu tun. Zu viele Schriftarten können verwirrend sein, obwohl eine einzelne Schrift manchmal langweilig sein kann. Im Allgemeinen ist es die Tendenz, es in Bezug auf Fett / Kursiv und Größe mit vielleicht zwei Schriftarten zu verwechseln. Das Koppeln von Schriftarten wird hier etwas ausführlicher behandelt .

Dies sind einige der Aspekte, die Sie eingrenzen sollten, wenn Sie von einer leeren Tafel ausgehen, aber obwohl es eine Menge zu bedenken gibt, wenn es wirklich darauf ankommt, ist es nicht so schlimm. Der Wert der Auswahl der richtigen Schrift (en) zu Beginn eines Projekts ist unvergleichlich! Bei der Auswahl einer Schriftart sind weitere Faktoren zu berücksichtigen .

Eine gute Analogie ist, dass es sich wie Anziehen anfühlt, ein einfaches Konzept, das hier diskutiert wird .

Da das Format meiner Antwort natürlich fiel, möchten Sie zuerst herausfinden, für wen es ist und was es zu sagen hat - dann möchten Sie die Kommunikationsmittel herausfinden, welche Schriftart :) und da wäre dies kein Jenna-Antwort ohne eine Fülle von Links, dies wird weiter diskutiert hier .

Ich empfehle nachdrücklich, die von mir bereitgestellten Links zu lesen. Sie sind sehr hilfreich und helfen Ihnen, die richtige Schriftart für Ihr Projekt auszuwählen. Dies wird das Leseerlebnis verbessern. Es geht nicht nur um die Lesbarkeit, sondern auch um den gesamten Kontext, zu dem die Schrift beiträgt. Ganz zu schweigen von der Ästhetik, die eine hinreichend lesbare Schrift einem Design vollständig nehmen kann, wenn sie ebenso lesbar ist, sondern angemessener, wenn man sie unbemerkt lässt und das macht Design und Information stehen im Vordergrund. Meiner Meinung nach ist es sehr wichtig, sich dafür Zeit zu nehmen.

Ich hoffe, ich habe geholfen und bin nicht zu weit gegangen. Ich bin ein bisschen begeistert von der richtigen Schriftart :) Viel Glück bei Ihrem Projekt.

Jenna
quelle
2

Ich glaube, dass Serifen- Schriften bei längeren Leseperioden in der Regel augenschonender sind. Für eine bessere Leseerfahrung denke ich, dass eine Serifenschrift wie Adobe Garamond gut funktioniert. Es ist nicht so "bla" wie die Times. Es gibt einige interessante Kurven in den Serifen, die dazu beitragen, dass sie in Bezug auf Serifenschriften ein bisschen "übersichtlicher" sind.

Bildbeschreibung hier eingeben

Hier ist ein Artikel zu dem Thema, dem ich eher zustimme:

Serif vs. Sans: die letzte Schlacht

ckpepper02
quelle
1
Es gibt keine schlüssigen Beweise dafür, dass Serifengesichter mehr oder weniger lesbar sind als serifenlose Gesichter. Die einzige Ausnahme ist der Bildschirm, auf dem Anzeigen mit geringerer Auflösung die Darstellung der Details eines Serifengesichts möglicherweise erschweren.
DA01
1
Garamond mag hübsch sein, aber sein niedriges Verhältnis von ex zu em würde die Lesbarkeit beeinträchtigen, wenn es als Body-Font verwendet würde. Zu den Serifenschriften mit großzügigeren Höhen zählen Georgia, Bitstream Charter und Charis SIL.
Gavin R. Putland
@ GavinR.Putland Könnten Sie das Verhältnis zwischen Ex und Em erläutern? Die Lesbarkeit kann nur beeinträchtigt werden, wenn der Zeilenabstand zu klein = falsch ist. Es wird ein Zeilenabstand von mindestens 140% empfohlen.
Mikhail V
@ DA01 Ich habe eine Tendenz bemerkt, bei der Leute einige "Beweise" erwähnen. Als Experte kann ich sagen, dass Garamond-ähnliche Schriften am besten lesbar sind, und dasselbe gilt für andere Typografie-Experten. Ist das nicht "Beweis" für Sie?
Mikhail V
@MikhailV das ist kein Beweis. Das ist meine Meinung. Welche Beweise gibt es da draußen (die minimal sind), tendieren dazu, "die
lesbarsten