Najlepsze czcionki poprawiające komfort czytania


13

Tworzę stronę internetową, której głównym celem jest udostępnianie treści (ustawodawcy) i chcę zapewnić użytkownikom jak najlepsze wrażenia z czytania. Możesz spojrzeć na przykładową stronę:

http://iura.cl/cc/44

Jak widać, usunąłem wszystko, co w tej chwili korzystam z serwisu Telex. Mam również opcję czytania w nocy, która powinna zmniejszyć olśnienie:

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

Zastanawiam się, co powinienem wziąć pod uwagę w związku z czcionką, którą wybrałem, aby zapewnić jej czytelność, jeśli istnieje jakiś przewodnik, do którego należy się stosować?


2
„Jaką czcionkę polecasz” jest po prostu zbyt szerokim pytaniem, aby na nie odpowiedzieć. Zwróć też uwagę, że chociaż czcionka jest z pewnością znaczną częścią tego, jak „czytelne” jest coś, istnieje również mnóstwo innych zmiennych (szerokość kolumny, odstępy między wierszami, kolor, podpowiedzi, układ itp.)
DA01,

@ DA01 może istnieje przewodnik, który możesz polecić?
Dan


1
Pytanie wydaje mi się w porządku - nie jest to „Jaką czcionkę polecasz”, ale „Jak wybrać czcionkę o wysokiej czytelności dla strony internetowej ” - mnóstwo kryteriów.
user56reinstatemonica8

Odpowiedzi:


10

W rzeczywistości istnieją pewne dość proste zasady, jeśli twoim najważniejszym kryterium jest czcionka o wysokiej czytelności dla strony internetowej .

  1. Pomyśl o głównym nurcie. Dzięki @font-facewam mógł wybierać spośród wielu tysięcy czcionek - ale mniej popularne lub nowe fonty mają często problemy renderowania między przeglądarkami i systemami operacyjnymi, czasami nawet gdy pochodzą one z szacownych foundaries. Jeśli priorytetem jest czytelność , a nie chcesz przeprowadzać ogromnych testów w różnych systemach operacyjnych, możesz chcieć grać bezpiecznie i używać sprawdzonej, sprawdzonej czcionki. Stare, bezpieczne dla sieci czcionki, takie jak Verdanai Georgiasą bezpiecznymi zakładami, ponieważ są tak szeroko stosowane, że zostaną przetestowane nawet w rzadszych konfiguracjach przeglądarki / systemu operacyjnego. Ponadto znajomość poprawia czytelność.
  2. Wysoka wysokość x i szeroka. Nie wiesz, jaka jest jakość lub gęstość pikseli ekranu czytnika, więc jeśli priorytetem jest czytelność, upewnij się, że ważne cechy wyróżniające litery są wyjątkowo wyraźne. Czcionki zaprojektowane z myślą o czytelności w Internecie, takie jak Verdanai Georgia, używają jak najwięcej swoich pikseli dla wysokości x, gdzie znajdują się kluczowe szczegóły litery, i używają minimalnych pikseli na wstępujących lub zstępujących, gdzie wystarczy jeden lub dwa piksele, aby łatwo poleć bze związku olub p.
  3. Niezbyt lekki. Typ światła wygląda świetnie na ekranach drukowanych lub ekranach o wysokiej gęstości pikseli - ale jest dobry powód, dla którego rzadko był używany na ekranach do ios7 i był kontrowersyjny nawet wtedy: jeśli widz nie ogląda w optymalnych warunkach, jak ekran o wysokiej jakości w sposób stały oświetlenie wewnętrzne, ryzykuje to czytelność. Wybierz czcionkę o dobrej stałej regularnej wadze - czy wspomniałem Verdanai Georgia?

Istnieje wiele czcionek, które spełniają te kryteria inne niż Verdanai Georgia, oczywiście, i te dwa są czasami uważane za nieco nudne, ponieważ do około 2009 r., Kiedy @fontface stało się powszechnie używane, były często wybieranymi czcionkami .

Ale naprawdę nie można się z nimi pomylić - zostały one zaprojektowane pod kątem czytelności w Internecie, a każda kombinacja przeglądarki i systemu operacyjnego zostanie przetestowana pod kątem ich dobrego wyświetlania.


Edycja: gdy sprzedawcy i założyciele stron internetowych mają problem z testowaniem pod kątem dobrej czytelności, prawdopodobnie będą o tym krzyczeć w swoim marketingu. Na przykład seria internetowa „Reading Edge” (wskazówka dla Chrisa Burtona, który wspomniał o tym tutaj ). Mimo to, testuj szeroko.


1
Nie jestem projektantem i mam problemy z oczami. Lubię czytać tekst legislacyjny, ale myślę, że brazylijska strona czasami boli, więc wziąłem twoją sugestię (Verdana) i wstawiłem wtyczkę o nazwie Stylish , o wysokości linii 1,5, wielkości czcionki 16px i kolorze czarnym. Teraz jest mi bardzo wygodnie.
Fabio Montefuscolo

5

Ok, zamierzam śmiało powiedzieć o tym. Nie ma ostatecznej „najlepszej czcionki” ani też nie może, ponieważ wybór czcionki zależy od wielu różnych aspektów. Może istnieć „najlepsza metoda wyboru czcionki”.

Więc rzeczy do rozważenia, aby pomóc wybrać najlepszą czcionkę dla twojego projektu;

Media: Jak będzie wyświetlana czcionka, papier, płótno, urządzenie online, urządzenie przenośne itp. Chcesz się upewnić, że wybierasz czcionkę odpowiednią do mediów, na których będzie wyświetlana, na przykład blok Times New Roman może być w porządku dla drukowanego dokumentu, ale na ekranie (szczególnie na małym ekranie) blok Times New Roman może być dość trudny do odczytania. Chcesz również zobaczyć, co jest dla Ciebie dostępne, jeśli jesteś ograniczony do czcionek internetowych, zasoby takie jak czcionki Google mogą ci w tym pomóc. (Z Wikipedii: „Czcionki bezpieczne w Internecie Czcionki bezpieczne w Internecie to czcionki, które mogą występować w wielu różnych systemach komputerowych i są używane przez autorów treści internetowych w celu zwiększenia prawdopodobieństwa wyświetlenia treści w wybranej przez nich czcionce. witryna nie ma określonej czcionki, jej przeglądarka próbuje wybrać podobną alternatywę, na podstawie podanych przez autora czcionek zastępczych i rodzin ogólnych lub korzysta z zastępowania czcionek zdefiniowanego w systemie operacyjnym użytkownika. ”)

Odbiorcy: Zastanów się, kto będzie go czytał. Małe dziecko mogłoby poradzić sobie lepiej bez czcionki opartej na szeryfie lub pojedynczej historii „a” w przeciwieństwie do podwójnej historii „a” . Jeśli jednak powiedzianoby zaproszenie na ślub, to czcionki takie jak skrypt edwardiański są bardzo popularne w tym kontekście, ponieważ spójrzmy prawdzie w oczy, im bardziej Serif, tym bardziej dekoracyjne, tym lepiej - według niektórych narzeczonych;), chociaż nawet ozdoby są nadal używany głównie do tytułów, a nie do całej zawartości. Jako mądry ol

Kontrast / kolor: Znowu jest to coś do rozważenia w kontekście twojego projektu. Oczywiście nie chcesz oślepiać ludzi z powodu strasznie wysokiego kontrastu, ani nie powodować zmarszczek spowodowanych mrużeniem oczu na czymś, co ma strasznie niski kontrast - ta część jest oczywista. Ale w zależności od schematu kolorów możesz chcieć majstrować przy ustawieniach jasności i kontrastu. Zauważysz, że na przykład GD.SE nie jest całkowicie czarny i całkowicie biały (jak pytano i odpowiadano tutaj ) - ma niższy kontrast, w związku z czym dość łatwo jest patrzeć na tę stronę przez bardzo długi czas w porównaniu patrzeć na coś o znacznie większym kontraście - oczy zmęczyłyby się!

Waga: Ogólnie rzecz biorąc, lżejsze czcionki dziesięć są nieco bardziej czytelne niż niektóre cięższe, jest to omówione tutaj dalej wraz z innymi aspektami czytelności, które mogą okazać się przydatne.

Ile: w zależności od multimediów, odbiorców i treści możesz wybrać kilka czcionek. Proponuję być ostrożnym. Na pewno nie chcesz mylić treści. Chodzi przede wszystkim o to, aby coś przekazać, a to, czego szukasz, to sposób, aby to zrobić najskuteczniej. Zbyt wiele czcionek może być mylące, chociaż jedna czcionka bywa nudna. Ogólnie rzecz biorąc, często miesza się go pogrubieniem / kursywą i rozmiarem z być może dwiema czcionkami. Parowanie czcionek jest omówione nieco więcej tutaj .

Są to niektóre aspekty, które powinieneś zawęzić, jeśli wybierasz się z pustej tablicy, ale chociaż jest wiele do rozważenia, kiedy naprawdę do tego dochodzi, nie jest tak źle. Wartość wyboru właściwej czcionki / czcionek na wczesnym etapie projektu nie ma porównania! Tutaj jest więcej czynników, które należy wziąć pod uwagę przy wyborze czcionki .

Dobrą analogią jest to, że to ubieranie się - prosta koncepcja, o której tu mowa .

Ponieważ format mojej odpowiedzi naturalnie spadł, najpierw musisz dowiedzieć się, dla kogo jest on przeznaczony i co ma do powiedzenia - a następnie chcesz dowiedzieć się, jaki jest środek komunikacji, która czcionka :) i ponieważ nie byłby to Jenna-Answer bez mnóstwa linków, jest to dalej omówione tutaj .

Zdecydowanie polecam przeczytanie podanych przeze mnie linków, są one dość pomocne i pomogą ci wybrać odpowiednią czcionkę dla twojego projektu, co poprawi wrażenia czytelnika. Nie chodzi tylko o czytelność, ale także o cały kontekst, do którego przyczynia się czcionka, nie wspominając o estetyce, którą odpowiednio czytelna czcionka może całkowicie usunąć z projektu, kiedy równie czytelna, ale bardziej odpowiednia może pozostać niezauważona i dlatego projekt i informacja to najważniejsze rzeczy. Moim zdaniem poświęcenie czasu na zrobienie tego jest bardzo istotne.

Mam nadzieję, że pomogłem i nie przejmowałem się zbytnio, jestem trochę pasjonatem właściwej czcionki :) Powodzenia z twoim projektem.


2

Uważam, że czcionki Serif są łatwiejsze w czytaniu przez dłuższy czas. Dla lepszego czytania, myślę, że czcionka szeryfowa, taka jak Adobe Garamond, działa dobrze. To nie jest tak „bla” jak Times. Istnieje kilka interesujących krzywych w serifach, które pomagają uczynić go nieco bardziej „czystym”, jeśli chodzi o czcionki serif.

wprowadź opis zdjęcia tutaj

Oto artykuł na ten temat, z którym zgadzam się:

Serif vs. Sans: ostateczna bitwa


1
Nie ma rozstrzygających dowodów na to, że twarze szeryfowe są mniej lub bardziej czytelne niż twarze bezszeryfowe. Jedynym wyjątkiem byłby ekran, na którym wyświetlacze o niższej rozdzielczości mogą utrudniać renderowanie szczegółów twarzy serif.
DA01

1
Garamond może być ładny, ale jego niski stosunek ex-do-em pogorszyłby czytelność, gdyby został użyty jako czcionka. Czcionki szeryfowe o bardziej hojnych wysokościach to Georgia, Bitstream Charter i Charis SIL.
Gavin R. Putland

@ GavinR.Putland Czy mógłbyś rozwinąć stosunek ex / em? Może to pogorszyć czytelność tylko wtedy, gdy odstępy między wierszami są zbyt małe = nieprawidłowe. Zalecane jest co najmniej 140% odstępu między wierszami.
Michaił V

@ DA01 Zauważyłem tendencję, że ludzie wspominają o niektórych argumentach „dowodowych”. Jako ekspert mogę powiedzieć, że czcionki podobne do Garamond są najbardziej czytelne, podobnie jak inni eksperci od typografii. Czy to nie jest dla ciebie „dowód”?
Michaił V

@MikhailV to nie dowód. To jest opinia. Jakie są dowody (które są minimalne) skłaniają się ku „najbardziej czytelnym twarzom są twarze, które osoba najlepiej zna”
DA01,

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.