ingyenes betűtípusok: a legjobb források az Ingyenes betűtípus letöltésekhez

szüksége van webhelyére, hogy jól nézzen ki, a tipográfia pedig kulcsfontosságú tényező a tervezésben. Hol találhat ingyenes betűtípusokat az interneten 2020-ban, amelyek fenntartják a magas színvonalú minőséget?

úgy gondolom, hogy a felhasználói felületnek csak azt kell tennie, ami szükséges, miközben vonzóvá teszi ezeket a szükséges elemeket. Meg akarjuk találni az optimális egyensúlyt a minimalizmus és a vizuális vonzerő között.

tartsa egyszerű, de az egyszerű jól néz ki.

de hogyan néz ki pontosan az egyszerű?

távolítsa el a rendetlenséget, és a legtöbb, ami maradt, a felhasználói felület másolása és szöveges tartalma. Ez nem izgalmas, de legyünk őszinték: ez minden alkalmazás vagy webhely legfontosabb szempontja. Az információ az egész oka annak, hogy a felhasználók az alkalmazásunkat vagy weboldalunkat használják.

tehát a megfelelő betűtípussal párosulva a megfelelő betűtípus stílusokkal (lásd a betűtípus vs. betűtípus: a végső útmutató), olyan terveket hozhatunk létre, amelyek egyszerre meglehetősen egyszerűek és vonzóak. Ez hangsúlyozza a tervezés fontos szempontjait, kevesebb erőforrást használ fel, és a legkevésbé nem kívánt kognitív terhelést indukálja.

a tipográfia nagyon erős lehet.

de melyek a legjobb ingyenes betűtípus-webhelyek?

, Ahol nem kell keresni, ingyenes betűtípus

Dribbble, Behance, Gumroad, meg egy csomó rejtett gems, de ez magában foglalja, szitálással keresztül sok digitális források, amelyek hiányosak oldalon vállalkozások, valamint a “lite” változatban. Hogy azt mondta, győződjön meg arról, hogy a könyvjelző félelmetes források, ha történetesen találkoznak minden. Még az Instagram is meglephet, és a Twittert sem szabad figyelmen kívül hagyni.

hogy félre, vessünk egy pillantást, mint a legjobb ingyenes betűtípus honlapok.

Google betűtípusok

Ezen a listán az első számú nyilvánvalóan a Google betűtípusok, amely meghaladja a legtöbb alternatíva kínálatát. Először is, a Google Fonts gyors és kényelmes CDN-t (content delivery network) kínál, így szuper könnyű beágyazni a webes betűtípusokat a webhelyekbe anélkül, hogy ténylegesen tárolná őket.

a Google betűtípusokat szkript és súly szerint is alcsoportosíthatjuk, valamint a font-display CSS tulajdonság beállításával az embed kód lekérdezési karakterláncából, ami javítja a weboldal betöltési idejét. (A CSS-trükkök cikk a “Google Fonts and font-display” elmagyarázza, hogyan.)

ne feledje, hogy az öntároló betűtípusok jobbak az adatvédelemhez (mert főzhetetlen) és a sebességhez (mert a fejlesztőknek több ellenőrzést kínál). Akárhogy is, a Google betűtípusok hatalmas repertoárral rendelkeznek.

néhány Google betűtípus képernyőképe

Kreatív piac

tudom, mit gondolsz: “a kreatív piac nem ingyenes, Daniel!”

Ahhh, de mi a helyzet a szabad áru szakasz? Az ingyenes árukkal kapcsolatban érdekes, hogy ezek valójában prémium betűtípusok, amelyek ideiglenesen ingyenesek. Bár nem garantált, hogy betűtípusokat tartalmaz, hetente hat új tervezési eszközzel frissül (plusz még három, amikor regisztrál, és további három, Ha X összeget költ az eszközökre).

évek óta minden héten ellenőrzöm a Creative Market ingyenes termékek szekcióját, és felépítettem egy nagy, kiváló minőségű betűtípust, amely semmibe sem kerül. Font kötegek fut egy hasonló üzlet.

a kreatív piaci weboldal szabad áru szakasza

betűtípus mókus

betűtípus mókus olyan, mint az Unsplash, de a betűtípusok esetében, bár figyelembe véve, hogy mennyi ideig volt (nagyon hosszú idő!), talán azt mondja, hogy az Unsplash olyan, mint a betűtípus mókus, de a készletképeknél pontosabb! Az egyik veterán Ingyenes betűtípus-webhely a Dafont és a városi betűtípusok mellett, bár a” mókus ” jobb.

bár sok veterán webhely kissé elavultnak tűnik, a Font mókus a többihez képest kissé modernnek tartotta webhelyét. Ez is egy pár nagyon hasznos eszközök:

  • Webfont-Generátor (átalakítja a TrueType/OpenType betűtípusok a webfonts)
  • Betűtípus-Azonosító (a megállapítás, a neve a betűtípus egy feltöltött kép/screenshot)

Egy screenshot a Font Mókus weboldal

FontSpace

FontSpace az egyik szebb kinézetű weboldalak, bár csak a betűtípusok ingyenes személyes használatra, mivel Font Mókus megerősíti, hogy a betűtípusok ingyenesek, kereskedelmi célra. FontSpace lehet, hogy nem mindig megfelelő.

a FontSpace webhely képernyőképe

betűtípusok szerint

mi különbözteti meg a Befonts-ot a megjelenített betűtípusokra összpontosít.

Bár a betűtípusok csak ajánlani lite/demo verziók gyakran elég csak a TTF/OTF formátum (vagyis ők kevésbé alkalmas az Interneten), Befonts egyike a nagyon kevés olyan weboldalak, amelyek nem a “mindent” megközelítés (amely elsöprő néha). Emellett a TTF és OTF betűkészleteket mindig webes betűkészletekké alakíthatja.

egy screenshot a Befonts honlapján

Font Shop

Font Shop nem összpontosít teljesen szabad betűtípusok, mint a Font mókus és FontSpace, de ez még mindig egy meglehetősen tisztességes alternatíva, ha az opciók egy-négy nem volt, amit keresett. A lehetőségek közül a legkevésbé felhasználóbarátnak találom, de a betűtípusok viszonylag jó minőségűek. Egy screenshot a Font Bolt honlapja

Tiszteletreméltó Említi

A következő ingyenes betűtípus weboldalak egy kicsit elavult, de őszintén néhány betűtípus is, de vitathatatlanul a legnagyobb adatbázisok ingyenes betűtípus ma:

  • Dafont
  • a Városi Fonts
  • Fontsly

, Amely font format van szükségem?

az OpenType (OTF) és a TrueType (TTF) betűformátumok már nagyon régóta szabványosak, ma is erősen használják a grafikai tervezésben. De ennek ellenére a WOFF formátumok jobban tömörülnek az interneten (különösen a WOFF2, amelyet a webböngészők 94, 49% – ában támogatnak caniuse.com). valójában az új Google Fonts beágyazási kód csak a WOFF2 formátumot kínálja.

tehát röviden:

  • woff2 webes beágyazásokhoz
  • TTF / OTF minden máshoz

melyik betűtípus stílusra van szükségem?

manapság ez nem igazán számít, mert a normákat kissé kidobták az ablakon. Példaként, Serif betűtípusok lehet egy modern érzést most (gondolom közepes).

ehelyett inkább az egyértelműségre kell összpontosítanunk:

  • olvashatóság (mennyire könnyű megkülönböztetni a karaktereket)
  • olvashatóság (mennyire könnyű elolvasni a mondatokat egészként)

ennek egy része magára a betűtípusra esik, ezért figyelni kell annak eldöntésekor, hogy mely betűtípusokat kell használni, de máskor a betűtípus stílusa (méret, súly stb.).

ha kétségei vannak, a WCAG 2.0 / 2.1 (Web Content Accessibility Guidelines) mindent meg kell tudni tipográfia és a sok attribútumok, mint például a sorköz, vonalszélesség, vonalmagasság, betűméret, stb.

következtetés

a betűtípusok szuper hasznosak, és gyakran csak arra van szükség, hogy elérjék a megfelelő mennyiségű vizuális és érzelmi vonzerőt anélkül, hogy egyre több vizuális zűrzavart okoznának. A design szüksége szöveg egyébként, miért nem teszi a legkiemelkedőbb aspektusa is?

Related Posts

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük