Lettertipe awesome: die volledige biblioteekgids

Gratis ikone font awesome: wat dit is en waarvoor dit gebruik word. Hoe om ikone aan die webwerf aan te sluit. Voordele en nadele van die biblioteek.

Font Awesome ikoon Stel: Die Ultieme Gids

Font Awesome is 'n stel lettertipes en ikone gebaseer op CSS en minder. Die instrument laat jou toe om vinnig alle soorte ikone op die terrein te koppel, wat sy ontwerp en bruikbaarheid aansienlik verbeter. Dit is genoeg om 'n paar reëls kode in te voeg.

Font Awesome gee jou skaalbare vektorikone wat jy maklik kan verpersoonlik - grootte, kleur, skaduwees en alles wat met CSS gedoen kan word.

Font Awesome Library het 'n groot versameling van die beste voorstelle vir u. U verbeter u projek met unieke ikone. In werklikheid is dit 'n groot stel allerlei ikone wat u vir u eie doeleindes kan gebruik.

In fontawesome is alle ikone absoluut en heeltemal gratis. Die biblioteek is gelisensieer onder die GNU-algemene openbare lisensie. Dit beteken dat dit vrylik in kommersiële projekte gebruik kan word en in beginsel oral.

Die stel is geskep deur Dave Gandhi. Dit sluit in gratis sosiale media-ikone, ikone om die gebruikerskoppelvlak en meer te verbeter.

Tipies, font awesome font skrifte word gebruik in samewerking met bootstrap en bootstrapcdn. Font awesome is tweede slegs vir Google-lettertipes in gewildheid.

Hoe dit werk

Die belangrikste kenmerk is dat alle font awesome ikone nie statiese beelde is nie. Hulle is in fontformaat. Met ander woorde, dit is ikoon lettertipes. Byvoorbeeld, 'n soek ikoon of 'n sosiale netwerk logo is dieselfde as die eenvoudige karakters A, B, C.

Font awesome ikone word geskep met behulp van skaalbare vektore. Daarom kan hulle tot byna enige grootte verhoog word.

Alle beskikbare ikone word in een lettertipe ingesluit. Al wat jy nodig het is om hierdie lêer van die amptelike webwerf af te laai en in style te koppel.

Hoekom ontwerpers kies font awesome

Font Awesome het 'n aantal voordele:

• Vinnige verbinding. U moet net 'n spesiale lêer aflaai vanaf die amptelike webwerf en verbind dit deur die pad in die CSS-kode te spesifiseer.
• Buigsaamheid en skaalbaarheid. Die ikone kan in enige grootte vergroot word. Die simbole sal so duidelik wees soos die toestel toelaat. In die ouderdom van responsiewe ontwerp is dit belangrik. Terloops, om dieselfde rede is font awesome ikone geskik vir retina vertoon.
• Stilering. Ikone kan maklik verander word in kleur, grootte, skaduwee of enige ander eksterne parameters. Die ontwerper kry al die voordele van die styl van gereelde teks. U kan ook die ikone draai. Byvoorbeeld, vertoon onderstebo of draai 90 grade.
• Vinnige laai van die webwerf. Alle ikone word in een lettertipe ingesluit. Dit neem dus net een HTTP-versoek om font awesome te laai. Dit is wonderlik vir die prestasie van die webwerf.
• Liefde van blaaiers. Font Awesome is 'n kruis-blaaier instrument. Jy hoef nie bekommerd te wees oor die versoenbaarheid van blaaier van lettertipes en ikone nie. Hulle word goed ondersteun deur almal. Selfs oud IE8.
• Verenigbaar met verskillende raamwerke. Die biblioteek is hoofsaaklik vir bootstrap geskep. Dit sal egter ook goed met ander raamwerke werk.
• Verskeie formate. Die instrument is beskikbaar in .eot ,.ttf, .woff en svg formate. So font awesome word op dieselfde manier hanteer as ander webfonts.
• Geen Javascript benodig nie. Font Awesome vereis nie Javascript om te hardloop nie.

Dus, font awesome is 'n effektiewe en gerieflike instrument wat die uitleg tyd aansienlik bespaar en jou webwerf versnel.

Nadele van font awesome

Die instrument het ook nadele. Gelukkig is daar nie baie van hulle nie.

Eerstens kan ikone slegs in een kleur geverf word. Hierdie beperking kan egter omgekeer word. Byvoorbeeld, kombineer gratis ikone met mekaar. Of die gebruik van CSS-effekte

Tweedens bevat die font awesome biblioteek te veel ikone en hulle is almal in een lêer ingesluit. As 'n ontwerper of uitlegontwerper slegs 'n paar ikone moet koppel, moet hulle die hele biblioteek heeltemal laai. En dit is honderde duisende ekstra ikone wat ruimte sal opneem. Daar is egter ook 'n oplossing - skep jou eie vergadering, wat slegs die nodige ikone sal insluit.

Skryf Awesome weergawes: 5 en 6

Font Awesome 5 is op 7 Desember 2017 vrygestel en het oorspronklik 1278 ikone bevat. Die vyfde weergawe kom in twee pakkette: gratis (lettertipe awesome gratis) en betaal (font awesome pro). Die gratis plan bevat ook ikone van alle vierde weergawes. Die ikone is beskikbaar onder die SIL Open Font Lisensie 1.1, Creative Commons Attribution 4.0, en MIT.

Font Awesome 6 is 'n nuwe weergawe wat in die tweede helfte van 2020 vrygestel is. Dit sluit nuwe ikone in en is slegs in 'n betaalde plan beskikbaar.

Font Awesome 6 Alpha is ook in 2021. Dit is nog 'n nuwe generasie ikoonbiblioteek. Benewens die nuwe ikone, voeg weergawe 6 Alpha ook nuwe style, nuwe dienste en hulpmiddels by. Gebruikers kan vooraf bestel.

Gratis en betaalde planne: Verskille en kenmerke

U kan ikone vir gratis of betaalde tariefplan aflaai.

Die gratis plan sluit meer as 1600 ikone en 1 stel in. 'N Kit is 'n versameling ikone, style en instellings wat jou toelaat om vinnig veranderinge te maak sonder om kode by te voeg.

Betaal tarief:

• Sluit meer as 7800 ikone en 20 stelle in.
• Verskaf toegang tot font awesome pro. Dit beteken dat die ikone in inheemse mobiele toepassings en op u rekenaar gebruik kan word (byvoorbeeld in 'n woord-teksredakteur of wanneer u 'n aanbieding in PowerPoint skep).
• Laat jou toe om jou eie ikone op te laai. U kan u eie ikone saam met of in die plek van die amptelike fontwesome ikone gebruik. Byvoorbeeld, dit is hoe jy 'n maatskappy se logo kan oplaai. U kan dieselfde aksies met u eie ikone doen soos met die basiese - verander die styl, grootte, kleur, ens.

Albei weergawes is perpetueel. Dit is, hulle word eens en vir altyd voorsien.

Maniere om font awesome aan te sluit

Eerstens moet jy na die amptelike webwerf gaan en die biblioteek aflaai. Die afgelaaide argief moet uitgepak word en die CSS- en lettertipes-dopgehou wat na u werfmap gekopieer word.

Daarna word die pad na die biblioteeklêer tussen die koptags gespesifiseer. Byvoorbeeld:

Hoe om font awesome ikone op 'n webwerf te vertoon. Mees gewilde metodes:

1. Gebruik HTML

Die maklikste manier.

Jy moet na die gallery op die amptelike webwerf (fontawesome.com/icons?d=Gallery) gaan en kies die ikoon wat jy wil. Elke ikoon het 'n persoonlike kode, byvoorbeeld:. Dit is genoeg om dit op die regte plek in die kode te kopieer en te plak.

2. Via CSS

Om dit te doen, gebruik die pseudo-elemente na of voor, sowel as die Unicode van die vereiste ikoon. U kan dit alles in dieselfde galery neem. 'N Voorbeeld van sodanige kode: F209.

'N Voorbeeld van 'n styllêerinskrywing:

div :: na {vertoon: blok; Inhoud: 'F209'; Font-familie: 'font awesome 5 gratis';}

Ten slotte: Alle font awesome ikone

So, font awesome is 'n vinnige en maklike manier om gratis ikone by jou webwerf te voeg. Alle ikone is maklik skaalbaar en moenie die werf vertraag nie.