FONT GEWELDIG: de complete bibliotheekgids

Gratis pictogrammen lettertype geweldig: wat het is en waar het voor wordt gebruikt. Hoe pictogrammen aan te sluiten op de site. Voordelen en nadelen van de bibliotheek.

Font Awesome Icon Set: The Ultimate Guide

Font Awesome is een reeks lettertypen en pictogrammen op basis van CSS en minder. Met de tool kunt u snel alle soorten pictogrammen op de site verbinden, waardoor het ontwerp en de bruikbaarheid aanzienlijk wordt verbeterd. Het is genoeg om een ​​paar regels van de code in te voegen.

Font Awesome geeft je schaalbare vectorpictogrammen die je gemakkelijk kunt personaliseren - maat, kleur, schaduwen en al het andere dat met CSS kan worden gedaan.

Lettertype Awesome Library heeft een enorme verzameling van de beste suggesties voor u. U verbetert uw project met unieke iconen. Dit is zelfs een enorme set van allerlei pictogrammen die u voor uw eigen doeleinden kunt gebruiken.

In Fontawesome zijn alle pictogrammen absoluut en helemaal gratis. De bibliotheek is gelicentieerd onder de GNU-generaal Public License. Dit betekent dat het vrij kan worden gebruikt in commerciële projecten en in principe overal.

De set is gemaakt door Dave Gandhi. Het bevat gratis pictogrammen voor sociale media, pictogrammen om de gebruikersinterface en meer te verbeteren.

Typisch, lettertype Awesome lettertype scripts worden gebruikt in combinatie met bootstrap en bootstrapcdn. Font Awesome is de tweede alleen voor Google-lettertypen in populariteit.

Hoe het werkt

De hoofdfunctie is dat alle font geweldige pictogrammen geen statische afbeeldingen zijn. Ze zijn in het lettertype-formaat. Met andere woorden, dit zijn pictogramlettertypen. Een zoekpictogram of een sociaal netwerklogo is bijvoorbeeld hetzelfde als de eenvoudige tekens A, B, C.

Font Geweldige pictogrammen worden gemaakt met behulp van schaalbare vectoren. Daarom kunnen ze worden verhoogd tot bijna elke omvang.

Alle beschikbare pictogrammen zijn opgenomen in één lettertype-bestand. Het enige dat u nodig hebt, is om dit bestand van de officiële site te downloaden en deze in stijlen aan te sluiten.

Waarom ontwerpers voor het font zijn

Font Awesome heeft een aantal voordelen:

• Snelle verbinding. U hoeft alleen een speciaal bestand van de officiële website te downloaden en deze aan te sluiten door het pad erop te specificeren in de CSS-code.
• Flexibiliteit en schaalbaarheid. De pictogrammen kunnen worden uitgebreid tot elke grootte. De symbolen zijn zo duidelijk als het apparaat het toelaat. In de leeftijd van responsief ontwerp is dit belangrijk. Trouwens, om dezelfde reden zijn lettertype geweldige pictogrammen geschikt voor retina-displays.
• Stilization. Pictogrammen kunnen eenvoudig worden gewijzigd in kleur, grootte, schaduw of andere externe parameters. De ontwerper krijgt alle voordelen van styling reguliere tekst. Je kunt ook de pictogrammen roteren. Toon bijvoorbeeld ondersteboven of roteert 90 graden.
• Snelle lading van de site. Alle pictogrammen zijn opgenomen in één lettertype-bestand. Dus het duurt slechts één HTTP-verzoek om lettertype geweldig te laden. Dit is geweldig voor de prestaties van de website.
• Liefde van browsers. Font geweldig is een cross-browser tool. U hoeft zich geen zorgen te maken over de compatibiliteit van browser van lettertypen en pictogrammen. Ze worden goed ondersteund door allemaal. Zelfs oud IE8.
• Compatibel met verschillende frameworks. De bibliotheek is voornamelijk gemaakt voor bootstrap. Het zal echter goed werken met andere frameworks.
• Verschillende formaten. De tool is beschikbaar in .EOT, .TTF, .WOFF- EN SVG-indelingen. Dus lettertype wordt op dezelfde manier afgehandeld als andere weblettertypen.
• Geen javascript vereist. Font Awesome vereist geen Javascript om te rennen.

Aldus is het lettertype geweldig een effectieve en handige tool die de lay-outtijd aanzienlijk bespaart en uw website versnelt.

Nadelen van lettertype geweldig

De tool heeft ook nadelen. Gelukkig zijn er niet veel van hen.

Ten eerste kunnen pictogrammen alleen in één kleur worden geschilderd. Deze beperking kan echter worden omzeild. Bijvoorbeeld, combineren van gratis pictogrammen met elkaar. Of het gebruik van CSS-effecten

Ten tweede bevat de Font Awesome Library te veel pictogrammen en ze zijn allemaal inbegrepen in één bestand. Als een ontwerper of lay-outontwerper alleen een paar pictogrammen moet verbinden, moeten ze nog steeds de hele bibliotheek volledig laden. En dit zijn honderdduizenden extra pictogrammen die ruimte zullen innemen. Er is echter ook een oplossing - het creëren van uw eigen assemblage, die alleen de benodigde pictogrammen omvat.

Lettertype Awesome-versies: 5 en 6

Font Awesome 5 werd vrijgegeven op 7 december 2017 en oorspronkelijk 1278 pictogrammen bevatte. De vijfde versie komt in twee pakketten: gratis (lettertype geweldig) en betaald (lettertype Awesome PRO). Het gratis plan bevat ook pictogrammen uit alle vierde versies. De pictogrammen zijn verkrijgbaar onder de SIL OPENEN FONT LICENTIE 1.1, Creative Commons Attribution 4.0 en MIT.

Font Awesome 6 is een nieuwe versie die in de tweede helft van 2020 werd uitgebracht. Het bevat nieuwe pictogrammen en is alleen beschikbaar in een betaald plan.

Font Awesome 6 Alpha is ook onderweg in 2021. Dit is een andere nieuwe generatie pictogrambibliotheek. Naast de nieuwe pictogrammen voegt versie 6 Alpha ook nieuwe stijlen, nieuwe services en hulpmiddelen toe. Gebruikers kunnen vooraf bestellen.

Gratis en betaalde plannen: verschillen en functies

U kunt pictogrammen gratis of betaald tariefplan downloaden.

Het gratis plan bevat meer dan 1600 pictogrammen en 1 set. Een kit is een verzameling pictogrammen, stijlen en instellingen waarmee u snel wijzigingen kunt aanbrengen zonder code toe te voegen.

Betaald tarief:

• Inclusief meer dan 7800 pictogrammen en 20 sets.
• Biedt toegang tot Font Awesome Pro. Dit betekent dat de pictogrammen kunnen worden gebruikt in native mobiele toepassingen en op uw computer (bijvoorbeeld in een teksteditor voor tekst of bij het maken van een presentatie in PowerPoint).
• Hiermee kunt u uw eigen pictogrammen uploaden. U kunt uw eigen pictogrammen naast of in plaats van de officiële lettertype ontzagwekkende pictogrammen gebruiken. Zo kunt u bijvoorbeeld een bedrijfslogo uploaden. U kunt dezelfde acties uitvoeren met uw eigen pictogrammen zoals bij de basis - de stijl, de grootte, de kleur, enz. Veranderen

Beide versies zijn eeuwigdurend. Dat wil zeggen, ze worden voor eens en voor altijd verstrekt.

Manieren om lettertype Awesome aan te sluiten

Allereerst moet je naar de officiële website gaan en de bibliotheek downloaden. Het gedownloade archief moet worden uitgepakt en de mappen van CSS- en lettertypen die naar uw sitemap zijn gekopieerd.

Daarna wordt het pad naar het bibliotheekbestand gespecificeerd tussen de hoofdlabels. Bijvoorbeeld:

Hoe lettertype geweldige pictogrammen op een website weer te geven. Meest populaire methoden:

1. Gebruik HTML

De makkelijkste manier.

Je moet naar de galerij gaan op de officiële website (Fontawesome.com/icons?d=gallery) en kies het pictogram dat je leuk vindt. Elk pictogram heeft bijvoorbeeld een persoonlijke code :. Het is genoeg om het op de juiste plaats in de code te kopiëren en te plakken.

2. Via CSS

Om dit te doen, gebruikt u de pseudo-elementen na of eerder, evenals de Unicode van het vereiste pictogram. Je kunt alles in dezelfde galerij nemen. Een voorbeeld van een dergelijke code: F209.

Een voorbeeld van een ingang van een stijlbestand:

DIV :: Na {DISPLAY: BLOK; Inhoud: 'F209'; Font-familie: 'Font Awesome 5 gratis';}

Concluderend: alle font geweldige pictogrammen

Dus, lettertype geweldig is een snelle en handige manier om gratis pictogrammen aan uw website toe te voegen. Alle pictogrammen zijn gemakkelijk schaalbaar en vertragen de site niet.