7 eksperttips til webikon indstiller brug og fordele

Lurer du på at bruge et ikonsæt til dit websted, og hvilket du skal vælge? Disse eksperttips overbeviser måske bare dig om, hvad mange professionelle webudviklere allerede ved: det er meget nemmere at søge ikoner fra et inkluderet ikonsæt, end at finde ikoner en efter en og finde en måde at gøre dem på en eller anden måde sammenhængende sammen.

Vi bad samfundet om deres bedste tip til brug af ikonsæt, og mange af dem er enige om at bruge det populære Font Awesome-ikonsæt, men det er dog ikke det eneste ikonsæt, der findes på markedet.

Hvilket ikonsæt bruger du? Fortæl os det i kommentarer!

 Bruger du et specifikt ikonsæt til dit websted? Bruger du Font Awesome til en bestemt brug (dvs. med Shopify, til et nyhedsbrev, ...)? Hvis ja, hvorfor bruger du det, og hvad er din oplevelse med ikonsættet? Har du brugt deres CDN, har du bemærket nogen forbedring i din brug?

Jeff Roscher: det tilføjer dejlig enkel styling, som kunderne finder moderne og tiltalende

Vi bruger Font Awesome på eWorkOrders.com. Det er en del af både vores marketingwebsted og vores software som en service (SAAS), et edb-vedligeholdelsesstyringssystem (CMMS). På vores marketingwebsite tilføjer det dejlig enkel styling, som potentielle kunder finder moderne og tiltalende. Vi har tilføjet interessante grænser og overflytningsbegivenheder for at gøre dem mere interaktive og spændende. For vores kunder bruges Font Awesome-ikoner som visuel signal ind i inputfelterne til at identificere, hvilken type data der skal indtastes, som et kalenderikon i et datafelt, en konvolut i et e-mail-adressefelt eller et telefonikon i en felt for et telefonnummer. De bruges på funktionelle knapper, som redigering, kopiering og udskrivning.

Ikonerne bruges til at give hurtig visuel information om dataene som et rødt udråbelsesikon ved siden af ​​en forfalden arbejdsorden eller når noget har brug for opmærksomhed. De er nogle få andre steder bare for at få programmet til at se pænere ud ..

Font Awesome har været fantastisk! Deres CDN er hurtig, og der er mange muligheder for alle forskellige slags ikoner, vi har brug for. Vi er aldrig blevet skuffet.

Rachel Foley: en overkommelig måde at få adgang til et massivt ikonbibliotek med lethed

Hos Kort over mine kunder er vi fuldt ud stole på Font Awesome for vores ikonografi på tværs af alle marketingkanaler og vores produkt inklusive vores:

• Internet side
• E-mails
• Sociale medier
• Tilpasset grafik
• Mobilapp
• Web-app

Vi bruger Font Awesome, fordi det er en overkommelig måde at få adgang til et massivt ikonbibliotek med lethed. Stilen er mere på den legende side, der er i overensstemmelse med vores brand; plus, muligheden for at bruge forskellige vægte og stilarter af ikoner giver os frihed.

Vi bruger CDN til vores applikationer, som giver en meget ensartet fornemmelse på tværs af produktbrugeroplevelsen. Plus - det er superenkelt at opgradere, når vi har brug for det. Med markedsføringsmateriale er vi lidt mere fleksible og bruger en blanding af CDN, vores lokale installations- og vektorversioner.

FA har altid været pålidelige for os, siden vi fuldt ud vedtog i januar.

Andrew Ruditser: Da Font Awesome blev opgraderet, gjorde vi det også

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 Sociale medier 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 tilbyder nu en bred vifte af ikoner at vælge imellem. Vi finder ud af, at denne fleksibilitet kan være nyttig for os fra designfasen til vores udviklingsfase. For Font Awesome tilbyder deres platform to muligheder for deres brugere. De første muligheder er en gratis service, der tilbyder 1.588 gratis ikoner at vælge imellem. Den anden mulighed er et Pro-medlemskab, der tilbyder 7.842 ikoner. Dette firma har også det, vi kalder et Ikon-snyderi. Denne liste viser alle deres ikoner, som Font Awesome tilbyder, som informerer os om de er en del af den gratis pakke eller pro-pakken.

For at tilføje tilbyder Font Awesome også en mulighed for at trække deres kode fra deres CDN. Vi anbefaler stærkt at gå deres rute. Deres CDN har en hurtig responstid, og vi har lidt eller ingen “Lag” mellem vores websted og deres platform.

Jeff Romero: det gør sidehastigheden meget hurtigere

Vi udvikler brugerdefinerede websteder på Wordpress til små til mellemstore erhvervskunder. Vi har historisk brugt billeder til at repræsentere forskellige ikoner på vores websteder lige fra sociale medieprofiler til telefon- og e-mail-ikoner. Processen til at bruge et billede til ikoner kræver at der findes et konsistent sæt ikoner, uploade dem og derefter ændre størrelsen på dem for at sikre, at de passer til webstedet.

Selvom det er en lille billedfil, er det lidt af en proces at få et konsekvent sæt ikoner og få dem til at matche stedets skabelon. Nu kan vi bruge Font Awesome og dets Wordpress-plugin erstatte ikoner med et konsistent sæt medier, der blot kræver kopiering / indsættelse af en linje med HTML. Endnu bedre kan ikonerne ændres til en lille mængde CSS (ved hjælp af egenskaben fontstørrelse). Ikonerne viser bedre end et billedbaseret ikon, og de er tydeligt synlige på mobile enheder. Endelig, da det er en linje i HTML snarere end en billedfil, gør det hastighed på siden meget hurtigere.

Vance: især godt, når du ikke har en designer i dit team

Som webudvikler bruger jeg Font Awesome som en hurtig løsning til masser af pæne ikoner. Når det er sagt, er Font Awesome især godt, når du ikke har en designer i dit udviklingshold. Det er praktisk at udvikle Wordpress-plugins, fordi udviklere hurtigt kunne integrere dem i deres plugins ved hjælp af Font Awesome's CDN'er.

Min erfaring med Font Awesome er indtil videre god. Men det betyder ikke, at det ikke har nogen ulemper. En af de åbenlyse ulemper er sidehastighedshastighed (ydelse). Da det er en hurtig løsning, skal du integrere et helt sæt ikoner, selvom du bare bruger et par ikoner. Det kan reducere indlæsningshastigheden for webstedet og PSI-scoringer (Google Page Speed).

Sunny Ashley: enkel, ren og øjeblikkelig genkendelig for nye besøgende

Vi bruger  Font Awesome ikoner   i vores sidefod. Specifikt bruger vi ikonet Facebook, Twitter og LinkedIn til at henvise til vores sociale mediekanaler. De er enkle, rene og øjeblikkeligt genkendelige for nye besøgende. Som andre brugere af Font Awesome ved, var de også meget hurtige og lette at konfigurere.

Burak Özdemir: Fjerikoner forårsager ikke en overdreven DOM-størrelse

Feather Icons er en samling af læsbare, visuelt behagelige open source-ikoner designet og vedligeholdt af Cole Bemis. Fra juni 2020 er der mere end 280 ikoner til rådighed. Alle ikoner fra Feather Icons er MIT-licens og kan downloades separat som SVG-filer. Du kan tilpasse ikonstørrelsen, ikonets stregfarve og stregbredde på Feather Icon's websted, før du downloader dem.

Fjerikoner kan være et godt valg til dit websted eller projekt, hvis du er en udvikler eller ved, hvordan du håndterer nogle grundlæggende front-end opgaver. Da disse lette ikoner også kan gengives med et modulært JavaScript-bibliotek, forårsager de ikke en overdreven DOM-størrelse, en metrisk værdi, der kan skade din webside ydeevne. Ved hjælp af Feather Icons kan du således sænke sideindlæssningshastigheden mere sammenlignet med andre pakker, der er tilgængelige på markedet. Den eneste ulempe ved at bruge dette ikonsæt er, at du ikke kan finde de fleste af mærkeikonerne.