Font increïble: la guia completa de la biblioteca

Icones gratuïtes Font Awesome: per a què serveix i per a què serveix. Com connectar les icones al lloc. Avantatges i desavantatges de la biblioteca.

Font Icona impressionant: la guia final

Font Awesome és un conjunt de fonts i icones basats en CSS i menys. L'eina us permet connectar ràpidament tot tipus d'icones al lloc, millorant significativament el seu disseny i usabilitat. N'hi ha prou per inserir unes quantes línies de codi.

Font Awesome us ofereix icones vectorials escalables que podeu personalitzar fàcilment: mida, color, ombres i tot el que es pot fer amb CSS.

Font Awesome Library té una gran col·lecció dels millors suggeriments per a vosaltres. Milloreu el vostre projecte amb icones úniques. De fet, es tracta d’un conjunt enorme de tot tipus d’icones que podeu utilitzar per als vostres propis propòsits.

A Fontawesome, totes les icones són absolutament i totalment gratuïtes. La biblioteca està llicenciada sota la llicència pública general de GNU. Això significa que es pot utilitzar lliurement en projectes comercials i, en principi, a tot arreu.

El conjunt va ser creat per Dave Gandhi. Inclou icones de xarxes socials gratuïtes, icones per millorar la interfície d'usuari i molt més.

Normalment, Font Impressionants scripts de font s'utilitzen conjuntament amb arrencada i bootstrapcdn. Font Awesome és el segon només a Google Fonts en popularitat.

Com funciona

La característica principal és que totes les icones increïbles de Font no són imatges estàtiques. Estan en format font. En altres paraules, aquestes són fonts d'icones. Per exemple, una icona de cerca o un logotip de la xarxa social és la mateixa que els personatges simples A, B, C.

Les icones impressionants de Font es creen mitjançant vectors escalables. Per tant, es poden augmentar a gairebé qualsevol mida.

Totes les icones disponibles s'inclouen en un fitxer de font. Tot el que necessiteu és descarregar aquest fitxer des del lloc oficial i connectar-lo a estils.

Per què els dissenyadors trien Font IMPRESA

Font Awesome té una sèrie d'avantatges:

• Connexió ràpida. Només cal que descarregueu un fitxer especial des del lloc web oficial i connecteu-lo especificant el camí al codi CSS.
• Flexibilitat i escalabilitat. Les icones es poden ampliar a qualsevol mida. Els símbols seran tan clars com permet el dispositiu. En l'època del disseny sensible, això és important. Per cert, per la mateixa raó, Font Icones impressionants són adequades per a les pantalles de retina.
• Estilització. Les icones es poden canviar fàcilment en color, mida, ombra o qualsevol altre paràmetre extern. El dissenyador rep tots els avantatges del text regular d'estil. També podeu girar les icones. Per exemple, la pantalla cap per avall o rotat de 90 graus.
• Carregant ràpidament del lloc. Totes les icones s'inclouen en un fitxer de font. Per tant, només cal una sol·licitud HTTP per carregar Font increïble. Això és ideal per al rendiment del lloc web.
• Amor dels navegadors. Font Awesome és una eina de navegador creuada. No us haureu de preocupar per la compatibilitat del navegador de fonts i icones. Estan ben suportats per tots ells. Fins i tot vell IE8.
• Compatible amb diferents marcs. La biblioteca es va crear principalment per a Bootstrap. No obstant això, també funcionarà bé amb altres marcs.
• Diversos formats. L'eina està disponible en formats .eot, .ttf, .woff i svg. Així que Font Awesome es gestiona de la mateixa manera que altres fonts web.
• No es requereix JavaScript. Font Awesome no requereix que JavaScript s'executi.

Per tant, Font Awesome és una eina eficaç i convenient que estalvia significativament el temps de disseny i accelera el vostre lloc web.

Desavantatges de Font IMPRESA

L'eina també té desavantatges. Afortunadament, no hi ha molts d'ells.

En primer lloc, les icones només es poden pintar en un sol color. No obstant això, aquesta limitació es pot evitar. Per exemple, combinant icones lliures entre si. O utilitzant efectes CSS

En segon lloc, la Font Awesome Library conté massa icones i tots estan inclosos en un fitxer. Si un dissenyador de dissenyador o disseny només ha de connectar un parell d'icones, encara han de carregar tota la biblioteca completament. I aquests són centenars de milers d'icones addicionals que ocuparan espai. No obstant això, també hi ha una solució aquí: creant la vostra pròpia assemblea, que inclourà només les icones necessàries.

Font Versions increïbles: 5 i 6

Font Awesome 5 va ser llançat el 7 de desembre de 2017 i va contenir originalment 1278 icones. La cinquena versió es presenta en dos paquets: Free (Font Awesome Free) i Pagat (Font Awesome Pro). El pla gratuït també conté icones de totes les quatre versions. Les icones estan disponibles sota la llicència SIL Open Font 1.1, Creative Commons Attribution 4.0 i MIT.

Font Awesome 6 és una nova versió que es va llançar a la segona meitat del 2020. Inclou noves icones i només està disponible en un pla de pagament.

Font Awesome 6 Alpha també està en el camí 2021. Aquesta és una altra nova generació de biblioteca d'icones. A més de les noves icones, la versió 6 Alpha també afegeix nous estils, nous serveis i eines d'assistència. Els usuaris poden pre-cometre.

Plans gratuïts i de pagament: diferències i característiques

Podeu descarregar icones de pla de tarifa gratuïta o de pagament.

El pla gratuït inclou més de 1600 icones i 1. Un kit és una col·lecció d'icones, estils i configuracions que us permeten fer canvis ràpidament sense afegir codi.

Tarifa pagada:

• Inclou més de 7800 icones i 20 sèries.
• Proporciona accés a Font Awesome Pro. Això vol dir que les icones es poden utilitzar en aplicacions mòbils natives i al vostre ordinador (per exemple, en un editor de text de Word o en crear una presentació a PowerPoint).
• Us permet pujar les vostres pròpies icones. Podeu utilitzar les vostres pròpies icones al costat o en lloc de les icones oficials de Font Awesome. Per exemple, així és com podeu penjar un logotip de l'empresa. Podeu realitzar les mateixes accions amb les vostres pròpies icones com amb els bàsics: canviar l'estil, la mida, el color, etc.

Les dues versions són perpetues. És a dir, es proporcionen una vegada per sempre.

Maneres de connectar Font increïble

En primer lloc, haureu d'anar al lloc web oficial i descarregar la biblioteca. L'arxiu descarregat ha de ser desempaquetat i les carpetes CSS i Fonts copiades a la carpeta del lloc.

Després d'això, s'especifica el camí cap al fitxer de la biblioteca entre les etiquetes del cap. Per exemple:

Com es poden mostrar icones increïbles de Font en un lloc web. Mètodes més populars:

1.Utilització HTML

La manera més senzilla.

Heu d'anar a la galeria del lloc web oficial (Fontawesome.com/icons?d=Gallery) i trieu la icona que us agradi. Cada icona té un codi personal, per exemple:. N'hi ha prou de copiar i enganxar-lo al lloc adequat al codi.

2. VIA CSS

Per fer-ho, utilitzeu els pseudoelements després o abans, així com l'unicode de la icona requerida. Podeu agafar-ho tot a la mateixa galeria. Un exemple d'aquest codi: F209.

Un exemple d'entrada d'un fitxer d'estil:

div :: després de {pantalla: bloc; Contingut: 'F209'; Font-Família: 'Font increïble 5 gratis';}

En conclusió: totes les icones increïbles de Font

Per tant, Font Awesome és una manera ràpida i còmoda d'afegir icones gratuïtes al vostre lloc web. Totes les icones són fàcilment escalables i no frenen el lloc.