20 najlepszych czcionek bezszeryfowych dla stron internetowych
Opublikowany: 2020-02-04Jeśli chodzi o projektowanie stron internetowych, konieczne jest użycie wspaniałych, ale prostych czcionek. Każda czcionka ma swoją osobowość – cechę, która określa jej użycie, a także wrażenie. Tak jak odpowiednie użycie typografii może poprawić wygląd witryny, tak wybór odpowiedniej czcionki staje się głównym celem uzyskania doskonałej typografii. W tym artykule będziemy przeglądać niektóre z najlepszych czcionek bezszeryfowych dla stron internetowych. Chociaż sans-serif to czcionka, która nie ma rozszerzonych funkcji zwanych „szeryfami” na krawędziach, są one najczęściej używane do przekazywania raczej prostego, nowoczesnego i minimalistycznego obrazu.
Właśnie wtedy, gdy świat odczuwał załamanie, wybierając odpowiednią czcionkę bez problemów z prawami autorskimi, Google przyspieszyło swoją grę, aby wypełnić pustkę kilkoma darmowymi czcionkami zarówno do użytku komercyjnego, jak i osobistego. Dzięki ponad 600 rodzinom czcionek dostępnych do przeglądania i wyboru, Biblioteka Czcionek Google to szybka ucieczka w świat czcionek funkcjonalnych i estetycznych.
Oto 20 najlepszych czcionek bezszeryfowych dla stron internetowych:
1. Otwórz Sans:
Ta czcionka została początkowo zaprojektowana przez Steve’a Mattesona, projektanta krojów pisma z siedzibą w Louisville w stanie Kolorado. Open Sans oferuje pełne rozszerzenie 10 różnych stylów, od lekkich po bardzo odważne. To fajna, profesjonalna, ale prosta czcionka, ze sporą ilością dziwactwa. Podczas gdy J schodzi poniżej linii bazowej jest subtelną cechą, pogrubiona kursywa jest zabawna i super eksperymentalna pod względem typografii.
Open Sans ma również skróconą wersję z trzema stylami, ale może nie być wskazane używanie tego samego w przypadku tekstu o mniejszym rozmiarze lub tekstu podstawowego. Chociaż w niektórych przypadkach nadal może być dobrze zastosować skondensowaną czcionkę bezszeryfową na stronach internetowych.
2. Roboto:
Roboto to oficjalna rodzina czcionek dla systemu operacyjnego Android. Został zaprojektowany przez Christiana Robertsona i jest dostępny w około 12 stylach – o różnym zakresie wagowym, od cienkich po bardzo odważne. Jest to bardzo nowoczesna czcionka, która łączy w sobie wiele cech klasycznych czcionek, takich jak Helvetica, Univers i Arial. Ponieważ czcionka jest nieco skondensowana, dopuszcza więcej znaków w wierszu, co czyni ją idealnym krojem pisma dla tekstu podstawowego.
Oprócz podstawowego Roboto, ta czcionka bezszeryfowa dla stron internetowych ma również dwie inne odmiany – Roboto skondensowane (dostępne w sześciu stylach) i Roboto Slab (dostępne w czterech metodach).
3. Lato:
Lato jest zasadniczo jedną z najbardziej dziwacznych czcionek na liście. Został zaprojektowany przez Łukasza Dziedzica i zawierał około dziesięciu różnych stylów – od cienkiego do bardzo odważnego. Chociaż Lato jest pełne drobnych szczegółów i krzywych, rozsądniej jest używać go do średnich i nagłówków, a nie do tekstu podstawowego, ponieważ większość funkcji zostanie utracona, jeśli czcionka zostanie dopasowana do małej wersji.
Ta czcionka bezszeryfowa dla stron internetowych została zaprojektowana w taki sposób, że bardziej miękkie, półzaokrąglone krawędzie dają wrażenie ciepła, podczas gdy sztywna struktura nadaje jej bardziej surowy i stabilny wygląd. Aby jak najlepiej wykorzystać czcionkę, lepiej jest używać jej do podświetleń i wyróżniających się tekstów.
4. PT Sans:
PT Sans został opracowany przez ParaType i zawierał tylko cztery typy – każdy z nich normalny, pogrubiony i kursywą. Chociaż jest to niesamowita myśl o zaledwie czterech typach i gramaturach, możliwe jest zaprojektowanie strony internetowej tylko z tych wielu czcionek – pod tym względem Helvetica Neue była dla nas wszystkich bardzo oczekiwana.
Chociaż, aby zrekompensować pod względem ilości, ta czcionka zawiera dziwaczne znaki, takie jak ogon Q wystaje, aby nadać jej bardziej graficzny i dynamiczny wygląd. Ta czcionka bezszeryfowa dla stron internetowych może być odpowiednim katalizatorem gry typograficznej.
5. Źródło Sans Pro:
Source Sans Pro to czcionka bezszeryfowa dla stron internetowych zaprojektowana przez Paula D. Hunta, która okazała się również pierwszą rodzinną czcionką typu open source firmy Adobe. Jest to bardzo profesjonalna czcionka, która pasuje do wszystkich rodzajów aplikacji UI/UX, a także formalnej dokumentacji. Może nie jest to jedna z najbardziej ekscytujących czcionek, ale ma 12 różnych krojów, od bardzo cienkich po bardzo odważne, dzięki czemu jest bardziej wszechstronna i profesjonalna.
6. Egzo:
Exo to współczesna czcionka bezszeryfowa dla stron internetowych o wrażliwości geometrycznej, opracowana przez projektanta Natanaela Gamę. Czcionka jest skarbnicą grubości i typów – ma około dziewięciu różnych grubości z kursywą każdego z nich – co potencjalnie oznacza, że nigdy nie zabraknie Ci pomysłów na ten! Jest wszechstronny i doskonale nadaje się do wyświetlania twarzy bez problemów z rozmiarem. Kształty i krzywe w formie liter wzbogacają charakterystykę czcionki, która zapewnia przewagę nad innymi czcionkami bezszeryfowymi.
7. Egzo-2:
Jak sama nazwa wskazuje, Exo-2 to kolejna wersja Exo. Został zaprojektowany z myślą o nieco futurystycznym/technologicznym podejściu. Ta wersja jest znacznie bardziej zaawansowana i organiczna w pewnym sensie, że działa lepiej dla mniejszych rozmiarów tekstu niż oryginalne Exo. Eliminuje wiele drobnych krzywizn i kształtów z oryginalnego Exo, dzięki czemu jest znacznie bardziej czytelny i wygodny w użyciu w Internecie.
8. Ubuntu:
Zaprojektowany przez Daltona Maaga – i międzynarodową odlewnię czcionek – Ubuntu był przeznaczony przede wszystkim do użytku w systemach operacyjnych Ubuntu. Można powiedzieć, że jest to czcionka bezszeryfowa w stylu humanistycznym dla stron internetowych z zaokrąglonymi rogami, które nadają jej element dziwactwa. Zaokrąglone krawędzie stykają się bezpośrednio z łodygą, co eliminuje potrzebę stosowania szeryfa lub ucha.
Ta czcionka ma osiem stylów i wagi od lekkich do pogrubionych. Ubuntu zawiera również czcionkę o stałej szerokości - Ubuntu Mono i wersję skondensowaną - Ubuntu Condensed.
9. Istok:
Istok Web został zaprojektowany przez Andreya V. Panova i zawierał tylko od normalnych do odważnych stylów z kursywą każdego z nich. Chociaż ta czcionka może mieć minimalną liczbę stylów, sprawdza się fantastycznie w profesjonalnej dokumentacji z surowym tonem. Jest czytelny w dowolnym rozmiarze, a mimo to zachowuje czytelność. Można powiedzieć, że jest to bardzo wszechstronna czcionka bezszeryfowa dla stron internetowych, jeśli jest używana mądrze.
10. Szlachetny:
Nobile został zaprojektowany przez Vernona Adamsa i jest jedną z czcionek bezszeryfowych dla stron internetowych, które mają tylko trzy grubości - normalną, średnią i pogrubioną. Ma wysoką wartość x, dzięki czemu jest wygodniejszy w użyciu w przypadku małych tekstów. Ta czcionka została zaprojektowana z myślą o cyfrowym ekranie, bez utraty charakterystycznego wyglądu, który można znaleźć w czcionkach drukowanych. Podstawową ideą było zachowanie czytelności i prostoty czcionki w taki sposób, aby była dostępna dla oka, nawet w najmniejszym rozmiarze czcionki.
11. Dawka:
Zaprojektowana przez Impallari Type, Dosis jest bardzo subtelną czcionką bezszeryfową dla stron internetowych. W zestawie z kompletem ciężarków, które są niesamowicie dziwaczne, a jednocześnie dość subtelne dla oka. Styl Extra-Thin może być używany tylko z czcionką o rozmiarze 36 pikseli lub wyższym ze względu na jego niewielką wagę. W przeciwnym razie czcionka jest nieco skondensowana i jest jedną z najbardziej charakterystycznych zaokrąglonych czcionek bezszeryfowych. Jest najbardziej odpowiedni do stosowania w projektach artystycznych, reklamach, filmach i kreatywnych witrynach, które pozostawiają miejsce na artystyczny akcent, a nie tylko na motywy korporacyjne.
12. Poppiny:
Poppins to geometryczna czcionka bezszeryfowa dla stron internetowych zaprojektowanych przez Indian Type Foundry, którzy wykonali niezwykłą pracę z tą konkretną czcionką. Chociaż występuje w zadziwiającym zestawie 9 grubości i kursywy, jest nie tylko wszechstronny, ale także wizualnie zachwyca. Jest również wyposażony w czcionkę Devnagari. Każda forma literowa jest monoliniowa z optycznymi korekcjami na łączeniach obrysu, aby była bardziej czytelna i równomiernie zabarwiona w całej formie. To idealna czcionka do druku, a także mediów cyfrowych.
13. Sans pracy:
Będąc jedną z najbardziej ustrukturyzowanych czcionek bezszeryfowych dla stron internetowych, Work Sans został zaprojektowany przez Wei Huanga. Mając na uwadze zarówno media cyfrowe, jak i drukowane, jest on szeroko stosowany w przypadku tekstu o średniej wielkości (14px-42px). Jest bardziej zoptymalizowany pod kątem wykorzystania na ekranie, a nie w grafice, dzięki czemu jest bardziej czytelny dla oka. Może być używany zarówno do dokumentów formalnych, jak i do tworzenia banerów i tym podobnych. Wersje cienkie i bardzo lekkie nie mogą być używane do małych rozmiarów tekstu (poniżej 10px). Ponieważ tekst może ulec zniekształceniu i utracić czytelność.
14. Rubik:
Rubik to czcionka bezszeryfowa dla stron internetowych z lekko zaokrąglonymi rogami. Został zaprojektowany przez Philipa Huberta i Sebastiana Fischera z Hubert and Fischer, a później przeprojektowany przez Meira Sadana. Jest to rodzina pięciu wag z kursywą dla każdej wagi. Ta czcionka jest idealna dla najmniejszych rozmiarów, chociaż bardzo pogrubiona może być świetnym sposobem na eksperymentowanie z typografią i kreatywnymi nagłówkami stron internetowych.
15. Wolny Franklin:
Odlewnia czcionek Impallari Type opracowała libre Franklin. Jest to amalgamat 8 zestawów odważników, każdy z kursywą. Podczas gdy Libre Franklin jest bardziej ustrukturyzowaną czcionką bezszeryfową do witryn internetowych, wyjątkowo pogrubiona forma zapewnia idealne podkreślenie i wyróżnienie w miejscach, w których jest to potrzebne, aby ułatwić estetykę wizualną. Całą witrynę można zbudować tylko przy użyciu tej rodziny czcionek, biorąc pod uwagę różnorodność grubości i stylów!
16. Oswald:
Oswald, czcionki bezszeryfowe dla stron internetowych zostały zaprojektowane przez Vernona Adamsa. Ta czcionka to przerobiony projekt rodziny czcionek bezszeryfowych w klasycznym stylu gotyckim. Będąc super wszechstronną czcionką, Oswald jest smukły, skondensowany i całkowicie graficzny. Może być używany do różnych zestawów dokumentów, takich jak PPT i dokumenty Word, wydruki, a także przestrzenie cyfrowe, aby uwydatnić nudną plamę tekstu i sprawić, że będzie wyglądać ekscytująco i graficznie.
17. Montserrat:
Montserrat to czcionka bezszeryfowa dla stron internetowych zaprojektowanych przez Julietę Ulanovsky, czerpiącą inspirację z pierwszej i najstarszej dzielnicy Buenos Aires o tej samej nazwie. Dzięki wszechstronnemu zestawowi 9 zestawów odważników i kursywy każdego stylu, Montserrat ma jeszcze dwie rodziny – Alternatywne i Subrayada. Alternates ma kilka charakterystycznych form liter inspirowanych sąsiedztwem Montserrat, podczas gdy Subrayada (co oznacza „podkreślony” w języku hiszpańskim) to czcionka z podkreślonymi literami.
Ta czcionka jest bardzo elegancka, lekko zabawna, a jednocześnie może być używana do celów profesjonalnych. Pogrubiona wersja jest autorytatywna i stanowi oświadczenie.
18. Raway:
Raleway, czcionka bezszeryfowa dla stron internetowych, została zaprojektowana przez wielu projektantów. Jednak poza tym ma wszechstronną gamę gramatur i fasonów. Ta rodzina krojów pisma bezszeryfowego jest przeznaczona do nagłówków i artykułów tekstowych o dużych rozmiarach. Początkowo ta czcionka została zaprojektowana jako cienka przez Matta McInerneya. Jednak w 2012 roku Rodrigo Fuenzalida i Pablo Impallari rozszerzyli go i stworzyli w rodzinie dziewięciorga. W dzisiejszym świecie Raleway pojawił się na około 5M stronach internetowych.
19. Fjalla:
Fjalla One to czcionka bezszeryfowa dla stron internetowych zaprojektowana przez odlewnię czcionek Sorkin Type. Jest to czcionka displayowa bezszeryfowa o średnim kontraście. Czcionka jest starannie manipulowana, aby dopasować ją do ograniczeń ekranu. Pomimo posiadania funkcji wyświetlania, Fjalla może być używana do szerokiej gamy rozmiarów, aby wywrzeć wrażenie. Ma tylko jeden styl wyświetlania. Co więcej, można go łatwo bawić się, aby odkrywać nową dynamiczną typografię, a także nagłówki stron internetowych.
20. Kambay:
Cambay jest czcionką bezszeryfową dla stron internetowych zaprojektowanych przez Pooja Saxena i jest czcionką rodzinną libre Devnagari. Początkowo miał odpowiadać łacińskiemu Cantarellowi. Czcionka ma dwie grubości, zwykłą i pogrubioną, z kursywą każdej z nich. Charakterystyczną cechą czcionki jest to, że kursywa jest pochylona i zawiera tylko niezbędne elementy optyczne. Został zaprojektowany tak, aby pasował do wszystkich rozmiarów czcionek — od nagłówków po teksty główne, zarówno w przypadku mediów cyfrowych, jak i drukowanych.
Są to najlepsze czcionki bezszeryfowe dla stron internetowych. Mogą być używane do tworzenia najlepszych układów i grafik na strony internetowe. Projektując stronę internetową należy wybrać odpowiedni rodzaj rodziny czcionek. Gwarantuje to, że strona jest w synergii z resztą witryny. Ponadto, aby poprawić wizualną estetykę strony i pozostawić ślad w umyśle widza.
Dzięki tym listom czcionek jasne jest, że można użyć czcionek bezszeryfowych, aby nadać minimalistyczny, strukturalny, a jednocześnie uproszczony, profesjonalny wygląd. Jeśli chcesz złożyć oświadczenie na swojej stronie, konieczne jest wybranie czcionki szeryfowej, ponieważ dodatkowe „szeryfowe” wydają się bardziej solidne i złożone. Jednak to, czy chcesz połączyć więcej niż jeden szeryf, czy połączyć je z sans, zależy wyłącznie od Ciebie – liczy się to, że projekt musi pozostawić ślad!