potrzebujesz, aby Twoja strona wyglądała świetnie, a typografia jest kluczowym czynnikiem w projektowaniu. Gdzie można znaleźć darmowe czcionki online w 2020 roku, które utrzymują wysoki standard jakości?

uważam, że interfejs użytkownika powinien mieć tylko to, co jest konieczne, a jednocześnie przyciągać te niezbędne elementy. Chcemy osiągnąć optymalną równowagę między minimalizmem a atrakcyjnością wizualną.

zachowaj to proste, ale spraw, aby proste wyglądały świetnie.

ale jak dokładnie wygląda simple?

pozbądź się bałaganu, a większość z tego, co pozostało, to Kopia interfejsu użytkownika i zawartość tekstowa. Nie jest to ekscytujące, ale bądźmy szczerzy: jest to najważniejszy aspekt każdej aplikacji lub strony internetowej. Informacje są powodem, dla którego użytkownicy korzystają z naszej aplikacji lub strony internetowej.

dzięki odpowiedniemu krojowi w połączeniu z odpowiednimi stylami czcionek (zobacz Font vs. typeface: the ultimate guide) możemy tworzyć projekty, które są dość proste i atrakcyjne jednocześnie. Podkreśla to ważne aspekty projektu, zużywa mniej zasobów i wywołuje najmniej niepożądane obciążenie poznawcze.

Typografia może być bardzo potężna.

ale jakie są najlepsze darmowe strony z czcionkami?

gdzie nie szukać darmowych czcionek

Dribbble, Behance, Gumroad i tak dalej są domem dla Tony ukrytych klejnotów, ale wiąże się to z przesiewaniem wielu zasobów cyfrowych, z których niektóre są niekompletnymi przedsięwzięciami pobocznymi i wersjami „lite”. Mając to na uwadze, upewnij się, że zakładki niesamowite zasoby, jeśli zdarzy ci się natknąć żadnego. Nawet Instagram może cię zaskoczyć, a Twitter nie powinien być pomijany.

pomijając to, przyjrzyjmy się najlepszym darmowym witrynom z czcionkami.

Google Fonts

Numer jeden na tej liście jest oczywiście Google Fonts, który wykracza poza to, co oferuje większość alternatyw. Przede wszystkim Google Fonts oferuje szybki i wygodny CDN (content delivery network), dzięki czemu bardzo łatwo jest osadzać czcionki internetowe na stronach internetowych bez ich hostowania.

czcionki Google można podzestawiać według skryptu i wagi, a także możemy kontrolować sposób ich ładowania w Internecie, ustawiając właściwość CSSfont-display z ciągu zapytania kodu osadzania, co poprawia czas ładowania witryny. (Artykuł CSS-Tricks na temat „Google Fonts and font-display” wyjaśnia, w jaki sposób.)

pamiętaj, że czcionki do samodzielnego hostingu są lepsze dla Prywatności (ponieważ są pozbawione plików cookieless) i szybkości (ponieważ oferują programistom większą kontrolę). Tak czy inaczej, Google Fonts ma ogromny repertuar.

Creative Market

wiem, co myślisz: „Creative Market nie jest darmowy, Daniel!”

Ahhh, ale co z sekcją darmowych towarów? Co jest interesujące w darmowych towarach, to to, że są to czcionki premium, które są tymczasowo bezpłatne. Chociaż nie ma gwarancji dołączania czcionek, jest odświeżany o sześć nowych zasobów projektowych co tydzień (plus trzy dodatkowe podczas rejestracji i kolejne trzy, jeśli wydasz X kwotę na zasoby).

od lat sprawdzam dział darmowych towarów na rynku kreatywnym i zbudowałem Duże repozytorium wysokiej jakości czcionek, które nic nie kosztują. Pakiety czcionek działają w podobny sposób.

Font Squirrel

Font Squirrel jest jak Unsplash, ale dla czcionek, chociaż biorąc pod uwagę, jak długo to trwa (naprawdę długo!), może powiedzenie, że Unsplash jest jak wiewiórka czcionki, ale dla obrazów stockowych jest dokładniejsze! Jedna z weteranek darmowych czcionek obok czcionek Dafont i Urban, chociaż „wiewiórka” jest lepsza.

chociaż wiele z witryn weteranów wygląda trochę przestarzale, Font Squirrel zachował swoją stronę nieco nowoczesną w porównaniu z resztą. Posiada również kilka bardzo przydatnych narzędzi:

• Generator Webfont (konwertuje czcionki TrueType/OpenType na Webfonts)
• identyfikator czcionki (aby znaleźć nazwę czcionki z przesłanego obrazu/zrzutu ekranu)

FontSpace

FontSpace jest jedna z ładniej wyglądających stron internetowych, chociaż oferuje tylko Czcionki Darmowe do użytku osobistego, podczas gdy font Squirrel potwierdza, że wszystkie ich czcionki są darmowe do użytku komercyjnego. FontSpace może nie zawsze być odpowiedni.

według czcionek

to, co wyróżnia Befonts, to skupienie się na czcionkach wyświetlających.

chociaż niektóre czcionki oferują tylko wersje lite / demo i często są dostępne tylko w formacie TTF / OTF (co oznacza, że są mniej odpowiednie dla sieci), Befonts jest jedną z niewielu stron internetowych, które nie przyjmują podejścia „mamy wszystko” (które czasami może być przytłaczające). Poza tym zawsze możesz przekonwertować czcionki TTF i OTF na czcionki internetowe.

Font Shop

Font Shop nie skupia się całkowicie na darmowych krojach czcionek, takich jak Font Squirrel i FontSpace, ale nadal jest to dość przyzwoita alternatywa, jeśli Opcje od 1 do 4 nie mają tego, czego szukasz. Uważam, że jest to najmniej przyjazna dla użytkownika z opcji, ale czcionki są stosunkowo wysokiej jakości.

wyróżnienia

poniższe strony z darmowymi czcionkami wyglądają trochę nieaktualnie, a niektóre z nich również, ale są prawdopodobnie jednymi z największych baz darmowych czcionek dostępnych obecnie:

• Dafont
• czcionki Miejskie
• fontsly

jakiego formatu czcionki potrzebuję?

formaty czcionek OpenType (OTF) i TrueType (TTF) są standardem od bardzo dawna i nadal są intensywnie używane w projektowaniu graficznym. Ale to powiedziawszy, formaty WOFF mają lepszą kompresję w Internecie (zwłaszcza WOFF2, który jest obecnie obsługiwany w 94,49% przeglądarek internetowych według caniuse.com). w rzeczywistości nowy kod osadzania Google Fonts oferuje teraz tylko format WOFF2.

w skrócie:

• WOFF2 do osadzania stron internetowych
• TTF/OTF do wszystkiego innego

jakiego stylu czcionki potrzebuję?

w dzisiejszych czasach to nie ma znaczenia, bo normy zostały trochę wyrzucone przez okno. Na przykład czcionki Serif mogą mieć teraz nowoczesny wygląd (think Medium).

zamiast tego powinniśmy skupić się bardziej na przejrzystości:

• czytelność (jak łatwo odróżnić znaki)
• czytelność (jak łatwo jest czytać zdania jako całość)

część z tego sprowadza się do samej czcionki, więc należy być uważnym przy podejmowaniu decyzji, których czcionek użyć, ale innym razem sprowadza się do tego, jak czcionka jest stylizacją (pod względem rozmiaru, wagi itp.).

w razie wątpliwości, WCAG 2.0 / 2.1 (wytyczne dotyczące dostępności treści internetowych) mają wszystko, co musisz wiedzieć o typografii i jej wielu atrybutach, takich jak odstępy między wierszami, szerokość linii, wysokość linii, rozmiar czcionki i tak dalej.

podsumowanie

czcionki są bardzo przydatne i często są wszystkim, co jest potrzebne, aby osiągnąć odpowiednią ilość wizualnego i emocjonalnego atrakcyjności bez nakładania coraz więcej wizualnego bałaganu. Twój projekt i tak potrzebuje tekstu, więc dlaczego nie uczynić go najwybitniejszym jego aspektem?