7 kundige wenke oor webikone stel gebruik en voordele in

Wonder u of u 'n ikoonstel vir u webwerf moet gebruik en watter u moet kies? Hierdie kundige wenke kan u dalk net oortuig van wat baie professionele webontwikkelaars al weet: dit is baie makliker om ikone van 'n ingeslote ikoonstel te soek, as om een ​​vir een ikone te vind en 'n manier te vind om hulle op een of ander manier konsekwent te maak.

Ons het die gemeenskap gevra vir hul beste wenke oor die gebruik van ikoonstelle, en baie van hulle stem saam om die gewilde Font Awesome-ikoonstel te gebruik, maar dit is nie die enigste ikoonstel wat op die mark beskikbaar is nie.

Watter ikoonstel gebruik jy? Laat weet ons in kommentaar!

 Gebruik u 'n spesifieke ikoonstel vir u webwerf? Gebruik u Font Awesome vir 'n spesifieke gebruik (dit wil sê met Shopify, vir 'n nuusbrief, ...)? As dit die geval is, waarom gebruik u dit dan, en wat is u ervaring met die ikoonstel? Het u al hul CDN gebruik, het u al gesien dat dit verbeter word?

Jeff Roscher: dit voeg 'n lekker eenvoudige stilering aan wat kliënte modern en aantreklik vind

Ons gebruik Font Awesome by eWorkOrders.com. Dit is deel van beide ons bemarkingswebwerf en ons sagteware as 'n diensaanbod (SAAS), 'n gerekenariseerde instandhoudingsbestuurstelsel (CMMS). Op ons bemarkingswebwerf voeg dit 'n lekker eenvoudige stilering toe wat voornemende kliënte modern en aantreklik vind. Ons het interessante grense en oorskietgeleenthede bygevoeg om dit meer interaktief en opwindend te maak. Vir ons kliënte word Font Awesome-ikone gebruik as 'n visuele teken in die invoervelde om te identifiseer watter tipe data ingevoer moet word, soos 'n kalenderikoon in 'n datumveld, 'n koevert in 'n e-posadresveld of 'n telefoonikoon in 'n veld vir 'n telefoonnommer. Dit word op funksionele knoppies gebruik, soos wysig, kopieer en druk.

Die ikone word gebruik om vinnige visuele inligting oor die gegewens te gee, soos 'n rooi uitroepteken langs 'n agterstallige werkorde of wanneer iets aandag nodig het. Dit is op 'n paar ander plekke net om die program lekkerder te laat lyk.

Font Awesome was fantasties! Hul CDN is vinnig en daar is baie opsies vir elke ander soort ikoon wat ons benodig. Ons was nog nooit teleurgesteld nie.

Rachel Foley: 'n bekostigbare manier om maklik toegang tot 'n massiewe ikoonbiblioteek te kry

By Kaart my kliënte vertrou ons ten volle op Font Awesome vir ons ikonografie oor alle bemarkingskanale en ons produk, insluitend ons:

• webwerf
• e-pos
• Sosiale media
• Pasgemaakte grafika
• Mobiele program
• Webprogram

Ons gebruik Font Awesome omdat dit 'n bekostigbare manier is om maklik toegang tot 'n massiewe ikoonbiblioteek te kry. Die styl is meer aan die speelse kant wat ooreenstem met ons handelsmerk; Die vermoë om verskillende gewigte en style van ikone te gebruik, gee ons die vryheid.

Ons gebruik die CDN vir ons toepassings wat 'n baie konsekwente gevoel in die gebruikerservaring van die produk moontlik maak. Plus - dit is super eenvoudig om op te gradeer as ons moet. Met bemarkingsmateriaal is ons 'n bietjie meer buigsaam en gebruik ons ​​'n mengsel van CDN, ons plaaslike installasie- en vektorweergawes.

FA was nog altyd betroubaar vir ons sedert ons dit in Januarie ten volle aangeneem het.

Andrew Ruditser: soos Font Awesome opgegradeer het, het ons ook

Font Awesome is used on all our sites since the dawn of time. When we first started working with Font Awesome, it was mainly used for their Sosiale media Icons. As Font Awesome upgraded, so did we. Not only are their phone icons fantastic, we enjoy the comical icons that they offer. As of recent, Font Awesome announced their version 6 icons. To us, this shows that Font Awesome cares for their users, and want to keep their system up to date with recent code.

Font Awesome bied nou 'n wye verskeidenheid ikone om van te kies. Ons vind dat hierdie buigsaamheid nuttig is vir ons van die Ontwerpfase tot ons Ontwikkelingsfase. Vir Font Awesome bied hul platform twee opsies vir hul gebruikers. Die eerste opsies is 'n gratis diens wat 1 588 gratis ikone bied om van te kies. Die tweede opsie is 'n Pro-lidmaatskap, wat 7 842 ikone bied. Hierdie maatskappy het ook wat ons 'n Icon-bedrogblad noem. Hierdie lys vertoon al hul ikone wat Font Awesome bied, wat ons inlig as hulle deel is van die gratis pakket of die pro-pakket.

Om by te voeg, Font Awesome bied ook die opsie om hul kode van hul CDN te trek. Ons beveel sterk aan om hul roete te volg. Hul CDN het 'n vinnige responstyd, en ons het min tot geen lag tussen ons webwerf en hul platform.

Jeff Romero: dit maak die bladsy se snelheid baie vinniger

Ons ontwikkel aangepaste webwerwe op Wordpress vir klein tot mediumgrootte sakekliënte. Ons het prente histories gebruik om verskillende ikone op ons webwerwe voor te stel, van sosiale media-profiele tot telefoon- en e-pos-ikone. Om 'n beeld vir ikone te gebruik, moet u 'n konstante stel ikone vind, dit oplaai en dan die grootte daarvan verander om te verseker dat dit by die webwerf pas.

Alhoewel dit 'n klein beeldlêer is, is dit 'n bietjie proses om 'n konstante stel ikone te kry en te laat ooreenstem met die webwerf se sjabloon. Met behulp van Font Awesome en sy Wordpress-inprop, kan ons nou ikone vervang met 'n konsekwente stel media wat bloot 'n HTML-lyn moet kopieer / plak. Nog beter, die grootte van die ikone kan met 'n klein hoeveelheid CSS (met behulp van die lettergrootte-eienskap) verander word. Die ikone vertoon beter as 'n prentgebaseerde ikoon en is duidelik sigbaar op mobiele toestelle. Laastens, aangesien dit 'n lyn van HTML eerder as 'n beeldlêer is, maak dit die snelheid van die bladsy baie vinniger.

Vance: veral goed as u nie 'n ontwerper in u span het nie

As 'n webontwikkelaar gebruik ek Font Awesome as 'n vinnige oplossing vir baie oulike ikone. Dit gesê, Font Awesome is veral goed as u nie 'n ontwerper in u ontwikkelingspan het nie. Dit is handig om Wordpress-plugins te ontwikkel, want ontwikkelaars kan hulle binnekort in hul plugins insluit met die CDN's van Font Awesome.

My ervaring met Font Awesome is tot dusver goed. Maar dit beteken nie dat dit geen nadele het nie. Een van die ooglopende nadele is die spoed van die bladsy (werkverrigting). Aangesien dit 'n vinnige oplossing is, moet u 'n hele stel ikone insluit, selfs al gebruik u net 'n paar ikone. Dit kan die laai spoed en die Google Page Speed ​​(PSI) -tellings verminder.

Sunny Ashley: eenvoudig, skoon en onmiddellik herkenbaar vir nuwe besoekers

Ons gebruik lettertipes Awesome in die onderskrif van ons webwerf. Spesifiek gebruik ons ​​die Facebook-, Twitter- en LinkedIn-ikone om ons sosiale mediakanale te verwys. Dit is eenvoudig, skoon en onmiddellik herkenbaar vir nuwe besoekers. Soos ander gebruikers van Font Awesome weet, was hulle ook baie vinnig en maklik om op te stel.

Burak Özdemir: Veerikone veroorsaak nie 'n buitensporige DOM-grootte nie

Feather Icons is 'n versameling leesbare, visueel aangename open source-ikone wat ontwerp en onderhou word deur Cole Bemis. Vanaf Junie 2020 is daar meer as 280 ikone beskikbaar. Al die ikone wat deur die Feather Icons aangebied word, is MIT-gelisensieerd en kan afsonderlik as SVG-lêers afgelaai word. U kan die ikoongrootte, die kleur van die ikoon en die breedte van die ikoon op die Feather Icon-webwerf aanpas voordat u dit aflaai.

Feather Icons kan 'n uitstekende keuse vir u webwerf of projek wees as u 'n ontwikkelaar is of weet hoe om 'n paar basiese front-end-take te hanteer. Aangesien hierdie liggewig-ikone ook met 'n modulêre JavaScript-biblioteek weergegee kan word, veroorsaak dit nie 'n buitensporige DOM-grootte nie, 'n maatstaf wat u prestasie op u webblad kan benadeel. Met die gebruik van Feather Icons kan u dus die spoed van die laai van bladsye meer verlaag in vergelyking met ander pakkette wat op die mark beskikbaar is. Die enigste nadeel van die gebruik van hierdie ikonstel is dat u die meeste handelsmerkikone nie kan vind nie.