Najlepsze darmowe czcionki internetowe na rok 2018

Opublikowany: 2018-10-26

Czcionki, które wybierzesz dla swojej witryny WordPress, odgrywają ogromną rolę w ogólnym projekcie. W żadnym wypadku nie jest to refleksja. Po prostu zmień wszystkie nagłówki na Comic Sans, jeśli chcesz zobaczyć dowód! Dobra, to trochę drastyczne. Ale w przypadku typografii nawet najmniejsza zmiana może mieć duże znaczenie. Dzięki sieci (a zwłaszcza Google) istnieje mnóstwo darmowych czcionek internetowych, które pomogą Ci wybrać najlepszą. Tak więc, jeśli szukasz inspiracji lub ulepszenia czcionki w swojej obecnej witrynie, gorąco polecam przejrzenie poniższej listy, aby poznać jedne z najlepszych czcionek internetowych, jakie ma do zaoferowania świat projektowania.

Najlepsze darmowe czcionki internetowe na rok 2018

Subskrybuj nasz kanał YouTube

Oto 40 najlepszych czcionek internetowych dostępnych w 2018 roku (i są one bezpłatne!)

1. Roboto

najlepsze-czcionki-web-1

Roboto ma być mariażem geometrycznych kształtów i przyjaznych krzywizn. Tworzy naturalny rytm czytania i działa dobrze jako tytuł, nagłówek lub typ ciała. Niezwykle popularna jest również wersja skondensowana Roboto Condensed.

Pobierz czcionkę

2. Wyświetlacz Playfair

najlepsze-czcionki-web-2

Playfair jest pod wpływem przejścia technologii pisania/drukowania z końca XVIII wieku; kiedy pióra zostały zastąpione spiczastymi stalowymi pisakami. Jest również pod wpływem kroju pisma Johna Baskerville'a i kroju pisma Williama Martina dla „Boydella Shakspeare'a”. Świetnie nadaje się do tytułów i nagłówków.

Pobierz czcionkę

3. Otwórz Sans

najlepsze-czcionki-web-3

Zaprojektowany jako dobry neutralny krój twarzy Open Sans jest bardzo przyjazny i czytelny. Dobre dla tytułów, nagłówków lub tekstu głównego.

Pobierz czcionkę

4. Montserrat

najlepsze-czcionki-web-4

Ta czcionka została pierwotnie stworzona przez Julietę Ulanovsky. Jej inspiracją dla projektu czcionki były wszystkie piękne znaki i plakaty, które widziała w Montserrat, dzielnicy Buenos Aires. Wspaniale wygląda na krótkich nagłówkach z dużymi literami we wszystkich wielkich literach.

Pobierz czcionkę

5. Merriweather

najlepsze-czcionki-web-5

Ten krój szeryfowy jest niezwykle przyjemny do odczytania w tekście głównym na wszystkich typach ekranów, ponieważ został stworzony z myślą o Internecie. Świetnie sprawdza się również w przypadku nagłówków.

Pobierz czcionkę

6. Lato

najlepsze-czcionki-web-6

Lato zostało zaprojektowane specjalnie do użytku korporacyjnego. Ma profesjonalny wygląd, który dobrze nadaje się do stosowania w różnych rozmiarach. Półokrągłe detale nadają mu również ciepła, które przemawia do tłumów.

Pobierz czcionkę

7. Bebas Nowa

najlepsze-czcionki-web-7

Ta bezszeryfowa czcionka „all Caps” jest niezwykle popularna i nie bez powodu uważana za jedną z najlepszych darmowych czcionek internetowych. Tworzy niesamowicie wyglądające wyświetlacze dla nagłówków Twojej witryny!

Pobierz czcionkę

8. Noto Sans

najlepsze-czcionki-web-8

Noto Sans jest wyjątkowy, ponieważ został stworzony, aby świetnie wyglądać w wielu językach. Ze względu na poziome odstępy między literami świetnie wygląda w tekście głównym i na stronach z dużą ilością treści.

Pobierz czcionkę

9. Źródło Sans Pro

najlepsze-czcionki-web-9

Source Sans Pro został zaprojektowany głównie z myślą o interfejsach użytkownika. Będzie to świetna czcionka menu, ale może być również używana do innych rzeczy, takich jak tekst podstawowy.

Pobierz czcionkę

10. Oswald

najlepsze-czcionki-web-10

Ten krój pisma bezszeryfowego jest wspaniałą czcionką do Internetu, ponieważ został uformowany tak, aby pasował do siatki pikseli na ekranach cyfrowych. Jest to wąska czcionka, która nie zajmuje dużo miejsca, więc świetnie sprawdza się w przypadku dużych nagłówków z dużą ilością tekstu.

Pobierz czcionkę

11. PT Sans

najlepsze-czcionki-web-11

PT Sans jest częścią projektu o nazwie „Publiczne typy Federacji Rosyjskiej”, którego celem jest ujednolicenie wyświetlania tekstu w wielu językach (podobnie jak w Noto Sans). Ta czcionka jest dobra do wielu celów.

Pobierz czcionkę

12. Rubik

najlepsze-czcionki-web-12

Czcionka rubik została zaprojektowana przez Philippa Huberta i Sebastiana Fischera, aby stworzyć czcionkę bezszeryfową z lekko zaokrąglonymi rogami, w której litery idealnie wpasowują się w kwadraty kostki Rubika. Czcionka świetnie sprawdza się zarówno w przypadku nagłówków, jak i tekstu podstawowego.

Pobierz czcionkę

13. Nunito Sans

najlepsze-czcionki-web-13

Ta czcionka bezszeryfowa jest niezaokrągloną wersją Nunito. Jest to popularna czcionka w interfejsach użytkownika i świetnie wygląda na pulpitach nawigacyjnych, menu restauracji i cennikach.

Pobierz czcionkę

14. Fira Sans

najlepsze-czcionki internetowe-14

Ta popularna czcionka internetowa została pierwotnie zaprojektowana dla Mozilla FirefoxOS, aby zapewnić czytelność na wszystkich rozmiarach ekranu. Użyj go jako nowoczesnego typu do wielu celów.

Pobierz czcionkę

15. Pracuj bez

najlepsze-czcionki-web-15

Ta czcionka bezszeryfowa została zaprojektowana jako uproszczona czcionka internetowa, która świetnie wygląda na wszystkich ekranach. Używaj cięższych wag do dużych, przestronnych wyświetlaczy nagłówków, a standardowej wagi do łatwego do odczytania tekstu podstawowego.

Pobierz czcionkę

16. Poppiny

najlepsze-czcionki-web-16

Poppins to nowoczesny geometryczny krój pisma bezszeryfowego oparty na projekcie Devanagari, który podkreśla geometryczny kształt okręgu tej pięknej czcionki. Możesz używać tej czcionki zarówno dla nagłówków, jak i tekstu podstawowego, aby uzyskać projekt, który jest bardzo przyjemny dla oka.

Jeśli nie zauważyłeś, jest to również czcionka używana na naszym blogu.

Pobierz czcionkę

17. Josefin Sans

najlepsze-czcionki-web-17

Ten krój pisma to siostra Josefin Slab (również świetna czcionka). Został zaprojektowany z myślą o geometrycznej elegancji i nadawaniu stylu vintage. Używaj ujemnych odstępów między literami dla większych nagłówków i możesz zachować ładne domyślne odstępy między literami, które zapewnia tekst główny.

Pobierz czcionkę

18. Ubuntu

najlepsze-czcionki-web-18
Ubuntu to czcionka bezszeryfowa stworzona dla Internetu i przeznaczona do użytku ogólnego. Dobre dla tytułów, nagłówków, przycisków i tekstu głównego.

Pobierz czcionkę

19. PT Szeryf

najlepsze-czcionki internetowe-19

PT Serif to nowy dodatek do rodziny PT Sans, więc oba te elementy dobrze ze sobą współpracują jako parowanie czcionek. Jest to harmonijny typ, który sprawdza się prawie we wszystkim.

Pobierz czcionkę

20. Muli

najlepsze-czcionki-web-20

Ta czcionka bezszeryfowa świetnie sprawdza się w witrynach o minimalistycznym wyglądzie. Działa najlepiej w przypadku dużych nagłówków, ale może również działać w przypadku tekstu podstawowego.

Pobierz czcionkę

21. Arwoż

najlepsze-czcionki-web-21

Arvo to geometryczny krój pisma szeryfowego, który ma być „mieszanym” typem do wielu celów. Może być używany do tytułów, nagłówków i tekstu podstawowego.

Pobierz czcionkę

22. Tlen

najlepsze-czcionki-web-22

Ta czcionka bezszeryfowa została stworzona przez Vernona Adamsa z myślą o interfejsach użytkownika. Został zaprojektowany tak, aby był przejrzysty i czytelny, dzięki czemu świetnie wygląda na wszystkich rozmiarach ekranu. Użyj go do tekstu podstawowego, elementów menu i przycisków!

Pobierz czcionkę

23. Raway

najlepsze-czcionki-web-23

Raleway to elegancka i cienka czcionka bezszeryfowa, która prawdopodobnie najlepiej nadaje się do tytułów, podtytułów i nagłówków.

Pobierz czcionkę

24. Noto szeryf

najlepsze-czcionki-web-24

Podobnie jak Noto Sans, Noto Serif jest stworzony, aby świetnie wyglądać w Internecie w wielu językach i jest świetną uniwersalną czcionką, która wygląda pięknie na wszystkich ekranach. Używaj go również z Noto Sans jako idealnego parowania czcionek.

Pobierz czcionkę

25. Nunito

najlepsze-czcionki internetowe-25

Nunito to lekko zaokrąglony krój pisma bezszeryfowego, który bardzo dobrze sprawdza się w typografii na dużych wyświetlaczach. Jest to popularna czcionka do interfejsów użytkownika. Używanie normalnej wagi do dużych nagłówków wygląda naprawdę ładnie.

Nunito

26. Archiwum

najlepsze-czcionki-web-26

Archivo to groteskowy (starszy) typ bezszeryfowy, który ma przyjemny techniczny charakter. Szczególnie ładnie wygląda w sieci jako czcionka nagłówka.

Pobierz czcionkę

27. Abril Fatface

najlepsze-czcionki-web-27

Jak sama nazwa wskazuje, Abril Fatface to „większy” typ. Ma to być odnowienie klasycznych stylów Didone. W szczególności brytyjskie i francuskie plakaty reklamowe z XIX wieku. Ta czcionka jest cudownie elegancka i prawdopodobnie najlepiej nadaje się do tytułów i nagłówków.

Pobierz czcionkę

28. Exo 2

najlepsze-czcionki-web-28

Exo 2 to nowa wersja Exo zaprojektowana przez Natanaela Gamę. Ten współczesny krój pisma ma techniczny i futurystyczny charakter. W przeciwieństwie do Exo, Exo 2 świetnie sprawdza się również w przypadku tekstu podstawowego.

Pobierz czcionkę

29. Barlow

najlepsze-czcionki-web-29

Barlow jest inspirowany kalifornijską publicznością (tablice rejestracyjne, szyldy, autobusy itp.). Konstrukcja jest lekko zaokrąglona i ma skondensowane wersje, które tworzą świetne nagłówki, nie zajmując dużo miejsca.

Pobierz czcionkę

30. Slabo 27px

best-web-fonts-30

Slabo 27px to unikalny krój pisma, który (podobnie jak jego siostrzana czcionka Slabo 13px) jest specjalnie zoptymalizowany do wyświetlania w rozmiarze piksela w nazwie. To sprawia, że ​​jest to świetna czcionka internetowa dla wyraźnych, lekko skondensowanych i łatwych do odczytania nagłówków.

Pobierz czcionkę

31. Aleo

najlepsze-czcionki-web-31

Aleo to czcionka slab szeryfowa podobna do popularnej czcionki Lato. Został zaprojektowany z eleganckimi i półokrągłymi detalami, dzięki czemu jest dobrym wyborem do nagłówków i tekstu głównego.

Pobierz czcionkę

32. Ruchome piaski

najlepsze-czcionki-web-32

Jest to krój pisma bezszeryfowego, który nadal jest popularnym wyborem w sieci. Ma geometryczny wzór, który świetnie wygląda na nagłówki.

Pobierz czcionkę

33. Cooper Hewitt

najlepsze-czcionki-web-33

Ta współczesna czcionka bezszeryfowa została zaprojektowana z unikalnymi geometrycznymi łukami, które dobrze współgrają ze skondensowanym wyświetlaczem. Ta czcionka wygląda świetnie we wszystkich wersalikach jako nagłówki, ale może być również używana do zwykłego tekstu podstawowego.

Pobierz czcionkę

34. Struś Sans

najlepsze-czcionki-web-34

Ostrich Sans to nowoczesna czcionka bezszeryfowa, która doskonale nadaje się do tytułów, logo i nagłówków.

Pobierz czcionkę

35. IBM Plex Sans

najlepsze-czcionki-web-35

Ten współczesny krój pisma został specjalnie zaprojektowany, aby odzwierciedlić ducha marki IBM. Ma neutralny i przyjazny wygląd, który można wykorzystać do wielu celów w Twojej witrynie.

Pobierz tę czcionkę

36. Kormoran

najlepsze-czcionki-web-36

Ten wyjątkowy krój pisma został zaprojektowany (w większości narysowany) od podstaw przez Christiana Thalmanna. Aby podkreślić zawiłości kroju pisma, użyj tej czcionki w swojej witrynie w przypadku większych wyświetlaczy, takich jak nagłówki.

Pobierz czcionkę

37. Alegreya Sans

najlepsze-czcionki-web-37

Ta czcionka bezszeryfowa została pierwotnie zaprojektowana dla literatury, więc działa naprawdę dobrze jako tekst podstawowy ze względu na harmonijne odstępy między akapitami.

Pobierz czcionkę

38. Wolny Franklin

najlepsze-czcionki-web-38

Ten krój pisma bezszeryfowego jest współczesną wersją klasycznej czcionki Franklin Gothic. Użyj go do nagłówków lub tekstu podstawowego. Działa naprawdę dobrze, jeśli jest używany jako tekst nagłówka i w połączeniu z Libre Baskerville jako tekstem głównym.

Pobierz tę czcionkę

39. Wolny Baskerville

najlepsze-czcionki-web-39

Ta piękna czcionka internetowa to wysokiej jakości krój pisma, który wydaje się być idealny do tworzenia unikalnego i czytelnego tekstu podstawowego. Działa dobrze w połączeniu z Libre Franklin.

Pobierz tę czcionkę

40. Liga Spartan

best-web-fonts-40

League Spartan to czcionka o pojedynczej grubości (pogrubiona) bezszeryfowa, która dobrze sprawdza się przy tworzeniu mocnych i pięknych tytułów i nagłówków.

Pobierz czcionkę

A co z czcionkami skryptowymi?

Jeśli na liście brakuje czcionek pisma (lub pisma ręcznego), nie mylisz się. Ale to nie znaczy, że nie ma świetnych darmowych (Mali, Indie Flower, Pacifico i Dancing Script, żeby wymienić tylko kilka). Możesz także sprawdzić tę listę pięknych darmowych i premium czcionek skryptowych.

Kilka szybkich wskazówek dotyczących parowania czcionek

Chcąc zaktualizować typografię swojej witryny, warto zastanowić się, jak różne czcionki współpracują ze sobą.

Oto kilka wskazówek na początek:

  • Zachowaj prostotę — nie używaj zbyt wielu czcionek naraz.
  • Zachowaj czytelność.
  • Myśl w przeciwieństwach. Na przykład połącz szeryf z bezszeryfowym lub pogrubiony z cienkim.
  • Lub zachowaj to w rodzinie. Używaj różnych grubości i stylów czcionek w tej samej rodzinie.
  • Spróbuj dopasować nastrój swoich treści.
  • Eksperymentuj i zachowaj to, co działa.

(W przypadku czcionek Google możesz również użyć ich bezpłatnego narzędzia do parowania)

Aby uzyskać więcej informacji na temat parowania czcionek, zapoznaj się z naszym pełnym artykułem na temat 7 kluczowych zasad.

Końcowe przemyślenia

Mam nadzieję, że ta lista czcionek pomoże Ci znaleźć idealną czcionkę do Twojego następnego projektu. I pamiętaj, że wiele z tych czcionek będzie miało różne grubości i style, które możesz modyfikować, aby tworzyć niezliczone projekty. Więc baw się dobrze, odkrywając!

Pozdrawiam!