Letra ikaragarria: liburutegi gida osoa

Ikono askeak Letra ikaragarria: zertarako eta zertarako erabiltzen da. Nola konektatu ikonoak gunera. Liburutegiaren abantailak eta desabantailak.

Letra-tipoaren ikono ikaragarria: azken gida

Letra ikaragarria CSS eta gutxiagotan oinarritutako letra-tipo eta ikono multzo bat da. Tresnak mota guztietako ikonoak gunera azkar konektatzeko aukera ematen du, bere diseinua eta erabilgarritasuna nabarmen hobetuz. Nahikoa da kode lerro batzuk txertatzea.

Letra-tipoen ikaragarriak erraz pertsonalizatu ditzakezun ikono eskalagarriak eskaintzen dizkizu - tamaina, kolorea, itzalak eta CSSekin egin daitekeen beste guztia.

Liburutegi ikaragarria zuretzako iradokizunik onenen bilduma handia du. Zure proiektua ikono bakarrarekin hobetzen duzu. Izan ere, zure helburuetarako erabil ditzakezun ikono mota guztietako multzo izugarria da.

Fontawesome-n, ikono guztiak erabat doakoak dira. Liburutegia GNU Lizentzia Publiko Orokorraren arabera lizentziatua da. Horrek esan nahi du proiektu komertzialetan askatasunez erabil daitekeela eta, printzipioz, nonahi.

Multzoa Dave Gandhi-k sortu zuen. Doako sare sozialen ikonoak, erabiltzailearen interfazea hobetzeko ikonoak eta gehiago biltzen ditu.

Normalean, letra-tipo ikaragarriak letra-scriptak bootstrap eta bootstrapcdnekin batera erabiltzen dira. Letra ikaragarria bigarren postuak ospea da.

Nola dabil

Ezaugarri nagusia da letra-ikono ikaragarriak ez direla irudi estatikoak. Letra-formatuan daude. Beste modu batera esanda, hauek dira ikono-tipoak. Adibidez, bilaketa ikono bat edo sare sozialen logotipoa A, B, C karaktere sinpleen berdina da.

Letra ikaragarriak ikono ikaragarriak bektore eskalagarriak erabiliz sortzen dira. Beraz, ia edozein tamainatara igo daitezke.

Eskuragarri dauden ikono guztiak letra-fitxategi batean sartzen dira. Behar duzun guztia fitxategi hau gune ofizialetik deskargatzea eta estiloetan konektatzea da.

Diseinatzaileek zergatik aukeratzen dute letra ikaragarria

Letra ikaragarriak abantaila ugari ditu:

• Konexio azkarra. Fitxategi berezi bat webgune ofizialetik deskargatu behar duzu eta CSS kodean dagoen bidea zehaztu behar duzu.
• Malgutasuna eta eskalagarritasuna. Ikonoak edozein tamainatara handitu daitezke. Sinboloak gailuak ahalbidetzen duen bezain argia izango da. Diseinu sentikorraren garaian, hori garrantzitsua da. Bide batez, arrazoi beragatik, ikono ikaragarriak ikonoak egokiak dira erretina pantailetan.
• Estilizazioa. Ikonoak kolore, tamaina, itzala edo kanpoko beste parametroak erraz alda daitezke. Diseinatzaileak ohiko testua estilismoaren onura guztiak jasotzen ditu. Ikonoak ere biratu ditzakezu. Adibidez, bistaratu goitik behera edo biratu 90 gradu.
• Gunearen karga azkarra. Ikono guztiak letra-fitxategi batean sartzen dira. Beraz, HTTP eskaera bakarra da letra ikaragarria kargatzeko. Hau bikaina da webgunearen errendimendua egiteko.
• Arakatzaileen maitasuna. Letra ikaragarria arakatzaile gurutzatuaren tresna da. Ez duzu kezkatu behar letra-tipoen eta ikonoen arakatzaileen bateragarritasunaz. Horiek guztiak ondo onartzen dituzte. IE8 zaharra ere.
• Bateragarriak marko desberdinekin. Liburutegia Bootstrap-en sortu zen nagusiki. Hala ere, ondo funtzionatuko du beste marko batzuekin ere.
• Hainbat formatu. Tresna .EOT, .TTF, .woff eta SVG formatuetan eskuragarri dago. Beraz, letra ikaragarria beste webguneen beste letra-tipoen modu berean maneiatzen da.
• Ez da JavaScript beharrezkoa. Letra ikaragarria ez du JavaScript exekutatzeko behar.

Horrela, letra ikaragarria tresna eraginkorra eta erosoa da, diseinuaren denbora nabarmen aurrezten duena eta zure webgunea azkartzen duena.

Letra ikaragarrien desabantailak

Tresnak desabantailak ere baditu. Zorionez, ez daude horietako asko.

Lehenik eta behin, ikonoak kolore bakarrean margotu daitezke. Hala ere, muga hori saihestu daiteke. Adibidez, doako ikonoak elkarren artean uztartuz. Edo CSS efektuak erabiliz

Bigarrenik, Liburutegi ikaragarria ikono gehiegi dauka eta guztiak fitxategi bakarrean sartzen dira. Diseinatzaile edo diseinu diseinatzaile batek ikono pare bat konektatu behar baditu, oraindik liburutegi osoa erabat kargatu behar dute. Eta hauek dira espazioa hartuko duten ehunka mila gehigarri. Hala ere, irtenbide bat ere badago hemen - zure muntaia sortuz, beharrezko ikonoak soilik barne hartuko dituena.

Letra ikaragarriak bertsio ikaragarriak: 5 eta 6

5. Letraren ikaragarria 2017ko abenduaren 7an kaleratu zen eta jatorriz 1278 ikono zituen. Bosgarren bertsioa bi paketetan dator: doan (letra izugarria doan) eta ordaindutakoa (letra ikaragarria). Doako planak laugarren bertsio guztietako ikonoak ere baditu. Ikonoak eskuragarri daude SIL Open Letra-lizentzia 1.1, Creative Commons Aitortu 4.0 eta MIT.

Letra ikaragarria 6 2020ko bigarren seihilekoan kaleratu zen bertsio berria da. Ikono berriak biltzen ditu eta ordaindutako plan batean bakarrik dago eskuragarri.

Letra ikaragarria 6 alfa ere 2021. urtean dago bidean. Hau da ikono liburutegiaren beste belaunaldi berri bat. Ikono berriez gain, 6. bertsioak ere estilo berriak, zerbitzu berriak eta laguntzako tresnak gehitzen ditu. Erabiltzaileek aurrez agindua izan dezakete.

Doako eta ordaindutako planak: desberdintasunak eta ezaugarriak

Ikonoak deskarga ditzakezu doako edo ordaindutako tarifa planerako.

Doako planak 1600 ikono baino gehiago eta 1 multzo daude. Kit bat ikono, estiloen eta ezarpenen bilduma da, kode gehitu gabe aldaketak azkar egiteko aukera ematen duena.

Ordaindutako tarifa:

• 7800 ikono eta 20 multzo baino gehiago ditu.
• Font Awesome Pro sarbidea eskaintzen du. Horrek esan nahi du ikonoak jatorrizko aplikazio mugikorretan eta ordenagailuan erabil daitezkeela (adibidez, testu-editore batean edo PowerPoint-en aurkezpena sortzerakoan).
• Zure ikonoak kargatzeko aukera ematen du. Zure ikonoak erabil ditzakezu ikono ikaragarrien ondoan edo egonez gero. Adibidez, horrela igo dezakezu enpresaren logotipoa. Ekintza berdinak egin ditzakezu zure ikonoekin oinarrizkoekin bezala - aldatu estiloa, tamaina, kolorea eta abar.

Bi bertsioak betikoak dira. Hau da, behin eta guztientzat ematen dira.

Letra ikaragarria konektatzeko moduak

Lehenik eta behin, webgune ofizialera joan eta liburutegia deskargatu behar duzu. Deskargatutako artxiboa deskonprimitu behar da eta CSS eta letra-tipoak zure webguneko karpetan kopiatuta.

Horren ondoren, liburutegiko fitxategiaren bidea buruaren etiketen artean zehazten da. Adibidez:

Nola erakutsi letra ikaragarriak ikono ikaragarriak webgune batean. Metodo ezagunenak:

1.GLL erabiltzea HTML

Modurik errazena.

Webgune ofizialeko galerian joan behar duzu (fontawesome.com/icons?d=gallery) eta nahi duzun ikonoa aukeratu. Ikono bakoitzak kode pertsonala du, adibidez :. Nahikoa da kodean leku egokian kopiatzea eta itsastea.

2. CSS bidez

Horretarako, erabili sasi-elementuak ondoren edo aurretik, baita beharrezko ikonoaren unicode ere. Guztia galeria berean har dezakezu. Horrelako kode horren adibidea: F209.

Estilo fitxategiaren sarrera baten adibidea:

div :: ondoren {display: block; Edukia: 'F209'; FONT FAMILIA: 'Letra ikaragarria 5 doan';}

Ondorioz: Letra-tipo guztiak ikono ikaragarriak

Horrela, letra ikaragarria zure webgunean doako ikonoak gehitzeko modu azkarra eta erosoa da. Ikono guztiak erraz eskalagarriak dira eta ez dute gunea moteltzen.