Font Awesome: A teljes könyvtári útmutató

Ingyenes ikonok Font Awesome: Mi az, és mit használnak. Hogyan lehet összekapcsolni az ikonokat az oldalhoz. A könyvtár előnyei és hátrányai.

Font félelmetes ikonkészlet: a végső útmutató

A Font Awesome egy sor betűtípus és ikonok, amelyek CSS és kevesebb. Az eszköz lehetővé teszi, hogy gyorsan csatlakoztassa mindenféle ikonok az oldalon, amely jelentősen javítja a design és a használhatóság. Elég, ha néhány kódot beillesztünk.

A FONT Awesome olyan skálázható vektor ikonokat biztosít, amelyeket könnyen személyre szabhat - méret, szín, árnyék és minden más, amit a CSS -vel lehet megtenni.

A FONT Awesome Library hatalmas gyűjteménye van a legjobb javaslatokról. Javítja a projektet egyedi ikonokkal. Valójában ez egy hatalmas mindenféle ikonkészlet, amelyet saját céljaira használhat.

Fontawesome-ban minden ikon teljesen és teljesen ingyenes. A könyvtár a GNU Általános Nyilvános Licenc alatt engedélyezett. Ez azt jelenti, hogy szabadon alkalmazható kereskedelmi projektekben, és elvileg mindenütt.

A készletet Dave Gandhi hozta létre. Ez magában foglalja az ingyenes szociális média ikonokat, ikonokat, hogy javítsa a felhasználói felületet, és így tovább.

Jellemzően betűtípus Awesome font scriptek együtt használják Bootstrap és BootstrapCDN. A Font Awesome csak a Google Betütipusok népszerűsége.

Hogyan működik

A fő jellem az, hogy az összes betűtípus félelmetes ikonok nem statikus képek. Betűkészlet formátumban vannak. Más szóval, ezek az ikon betűtípusok. Például egy keresési ikon vagy egy szociális hálózati logó ugyanaz, mint az A, B, C egyszerű karakterekkel.

A betűtípus félelmetes ikonok méretezhető vektorokkal hozhatók létre. Ezért szinte bármilyen méretre emelkedhetnek.

Minden rendelkezésre álló ikon szerepel egy betűtípus fájlban. Mindössze annyit kell tennie, hogy töltse le ezt a fájlt a hivatalos webhelyről, és csatlakoztassa a stílusokat.

MIÉRT A TERVEZÉSEK A FONT FESTOME lehetőséget választják

A Font Awesome számos előnye van:

• Gyors kapcsolat. Csak egy speciális fájlt kell letöltenie a hivatalos weboldalról, és csatlakoztassa azt a CSS-kódban lévő útvonal megadásával.
• Rugalmasság és méretezhetőség. Az ikonok bármilyen méretre bővíthetők. A szimbólumok olyan tisztaek lesznek, mint a készülék lehetővé teszi. Az érzékeny tervezés korában ez fontos. By the way, ugyanezen okból, a betűtípus félelmetes ikonok alkalmas retina kijelzőkre.
• Stilizáció. Az ikonok könnyen megváltoztathatók színnel, méretben, árnyékban vagy más külső paraméterekkel. A tervező megkapja a rendszeres szöveges szöveget. Az ikonokat is elforgathatja. Például fejjel lefelé vagy 90 fokos forgatást.
• A webhely gyors betöltése. Minden ikon szerepel egy betűtípus fájlban. Tehát csak egy HTTP kérést vesz igénybe a betűtípus félelmetes betöltésére. Ez nagyszerű a weboldal teljesítményére.
• A böngészők szeretete. A Font Awesome egy böngésző eszköz. Nem kell aggódnia a böngésző és az ikonok böngészőjének. Mindegyikük jól támogatott. Még régi IE8.
• Kompatibilis a különböző keretekkel. A könyvtár elsősorban a bootstrap-hoz jött létre. Ez azonban jól működik más keretekkel is.
• Több formátum. Az eszköz a .e, .ttf, .woff és SVG formátumokban érhető el. Tehát a Font Awesome ugyanúgy kezelhető, mint más webes betűtípusok.
• Nem szükséges javascript. A Font Awesome nem igényel JavaScriptet a futtatáshoz.

Így a Font Awesome hatékony és kényelmes eszköz, amely jelentősen elmenti az elrendezési időt és felgyorsítja a webhelyét.

Fontos hátrányai Fantasztikus

Az eszköz hátránya is van. Szerencsére nincs sok közülük.

Először is, az ikonok csak egy színben festhetők. Ez a korlátozás azonban megkerülhető. Például az ingyenes ikonok egymással kombinálva. Vagy a CSS-hatások használatával

Másodszor, a Font Awesome Könyvtár túl sok ikonot tartalmaz, és mindegyik tartalmaz egy fájlban. Ha egy tervezőnek vagy elrendezőnek csak néhány ikonra van szüksége, még mindig teljesen be kell töltenie az egész könyvtárat. És ezek több százezer extra ikonok, amelyek helyet foglalnak el. Azonban itt van megoldás is - saját szerelvényének létrehozása, amely csak a szükséges ikonokat tartalmazza.

FONT AWESOME VERSIONS: 5 és 6

A Font Awesome 5 2017. december 7-én jelent meg, és eredetileg 1278 ikonot tartalmazott. Az ötödik változat kétféle kiszerelésben: ingyenes (betűtípus Awesome Free) és fizetett (betűtípus Awesome Pro). A szabad terv tartalmazza az összes negyedik verzió ikonjait is. Az ikonok a SIL Open betűtípus-licenc 1.1.

A Font Awesome 6 egy új verzió, amelyet 2020 második felében szabadítottak fel. Ez magában foglalja az új ikonokat, és csak fizetett tervben érhető el.

A Font Awesome 6 Alpha szintén az úton van 2021-ben. Ez egy újabb új generációs ikon könyvtár. Az új ikonok mellett az Alpha verzió új stílusokat, új szolgáltatásokat és segédeszközöket is tartalmaz. A felhasználók előrendelhetik.

Ingyenes és fizetett tervek: különbségek és jellemzők

Az ikonokat ingyenesen vagy fizetett díjszabási tervben letöltheti.

A szabad terv több mint 1600 ikont és 1 készletet tartalmaz. A készlet ikonok, stílusok és beállítások gyűjteménye, amely lehetővé teszi, hogy gyorsan módosítsa a kód hozzáadása nélkül.

Fizetett díj:

• Több mint 7800 ikon és 20 készlet.
• Hozzáférést biztosít a Font Awesome Pro-hoz. Ez azt jelenti, hogy az ikonok is használható natív mobil alkalmazások és a számítógépen (például egy Word szövegszerkesztő vagy létrehozásakor bemutatót a PowerPoint).
• Lehetővé teszi a saját ikonok feltöltését. Használhatja saját ikonjait a hivatalos betűtípusú fantasztikus ikonok mellett. Például, így feltölthet egy vállalati logót. Ugyanazokat a műveleteket végezheti saját ikonjaival, mint az alapvető eszközökkel - változtassa meg a stílust, a méretet, a színt stb.

Mindkét változat örökös. Vagyis egyszer és mindenkorra biztosítják őket.

A betűtípus fantasztikus csatlakoztatásának módja

Először is el kell mennie a hivatalos weboldalra, és letölteni kell a könyvtárat. A letöltött archívumot kicsomagolni kell, és a CSS és Betütipus mappák másolhatók a webhely mappájába.

Ezt követően a könyvtárs fájl elérése a fejcímkék között van megadva. Például:

Hogyan lehet megjeleníteni a betűtípus fantasztikus ikonokat egy weboldalon. Legnépszerűbb módszerek:

1.Using html

A legegyszerűbb módja.

A galériába kell mennie a hivatalos honlapon (Fontawesome.com/icons?d=gallery), és válassza ki a kívánt ikont. Mindegyik ikonnak van egy személyes kódja, például :. Elég másolni és beilleszteni a megfelelő helyen a kódban.

2. CSS-en keresztül

Ehhez használja a pszeudo-elemeket, miután vagy korábban, valamint a szükséges ikon unicode. Mindent ugyanabban a galériában veheted. Példa az ilyen kódra: F209.

Példa egy stílusfájlbevitelre:

DIV :: Miután {Display: Block; Tartalom: "F209"; Font-Család: "Font félelmetes 5 szabad";}

Összefoglalva: Minden betűtípus félelmetes ikonok

Így a Font Awesome gyors és kényelmes módja az ingyenes ikonok hozzáadásához a webhelyére. Minden ikon könnyen skálázható, és nem lassítja a webhelyet.