7 eksperttips om nettikon angir bruk og fordeler

Lurer du på å bruke et ikonoppsett for nettstedet ditt og hvilket du skal velge? Disse eksperttipsene kan kanskje bare overbevise deg om hva mange profesjonelle nettutviklere allerede vet: det er mye lettere å søke i ikoner fra et inkludert ikonoppsett, enn å finne ikoner en etter en og finne en måte å gjøre dem på en eller annen måte konsistente sammen.

Vi ba samfunnet om de beste tipsene deres om bruk av ikonsett, og mange av dem er enige om å bruke det populære Font Awesome-ikonet, men det er ikke det eneste ikonet som er tilgjengelig på markedet.

Hvilket ikonsett bruker du? Gi oss beskjed i kommentarer!

 Bruker du et spesifikt ikonoppsett for nettstedet ditt? Bruker du Font Awesome til en spesifikk bruk (dvs. med Shopify, for et nyhetsbrev, ...)? I så fall, hvorfor bruker du det, og hva er din erfaring med ikonet? Har du brukt CDN-en, har du lagt merke til noen forbedring for bruken din?

Jeff Roscher: det gir fin enkel styling som kundene synes er moderne og tiltalende

Vi bruker Font Awesome på eWorkOrders.com. Det er en del av både markedsføringssiden og programvaren vår som en tjeneste (SAAS), et datastyrt vedlikeholdsstyringssystem (CMMS). På markedsføringssiden vår legger den til enkel og enkel styling som potensielle kunder synes er moderne og tiltalende. Vi har lagt til interessante grenser og overgangshendelser for å gjøre dem mer interaktive og spennende. For våre kunder blir Font Awesome-ikoner brukt som visuell signal i inputfeltene for å identifisere hvilken type data som skal legges inn, som et kalenderikon i et datofelt, en konvolutt i et e-postadressefelt eller et telefonikon i et felt for et telefonnummer. De brukes på funksjonelle knapper, som redigering, kopiering og utskrift.

Ikonene brukes til å gi rask visuell informasjon om dataene som et rødt utropstegn ved siden av en forfalt arbeidsrekkefølge eller når noe trenger oppmerksomhet. De er noen få andre steder i tillegg bare for å få programmet til å se finere ut ..

Font Awesome har vært fantastisk! CDN-en deres er rask, og det er mange alternativer for alle forskjellige typer ikoner vi har trengt. Vi har aldri blitt skuffet.

Rachel Foley: en rimelig måte å få tilgang til et massivt ikonbibliotek med letthet

Hos Kartlegg mine kunder er vi helt stolte på Font Awesome for vår ikonografi på tvers av alle markedsføringskanaler og vårt produkt, inkludert våre:

• nettsted
• e-post
• Sosiale medier
• Tilpasset grafikk
• Mobilapp
• Nett-app

Vi bruker Font Awesome fordi det er en rimelig måte å få tilgang til et massivt ikonbibliotek med letthet. Stilen er mer på den lekne siden som stemmer overens med vårt merke; pluss at muligheten for oss å bruke forskjellige vekter og stiler av ikoner gir oss frihet.

Vi bruker CDN for våre applikasjoner som gir en veldig konsistent følelse av produktopplevelsen. Pluss - det er superenkelt å oppgradere når vi trenger det. Med markedsføringsmateriell er vi litt mer fleksible og bruker en blanding av CDN, våre lokale installasjons- og vektorversjoner.

FA har alltid vært pålitelig for oss siden vi adopterte for fullt i januar.

Andrew Ruditser: Når Font Awesome ble oppgradert, 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 Sosiale 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 tilbyr nå et bredt utvalg av ikoner å velge mellom. Vi synes at denne fleksibiliteten kan være nyttig for oss fra designfasen til utviklingsfasen. For Font Awesome tilbyr plattformen deres to alternativer for sine brukere. The First Options er en gratis tjeneste som tilbyr 1 588 gratis ikoner å velge mellom. Det andre alternativet er et Pro-medlemskap, som tilbyr 7 842 ikoner. Dette selskapet har også det vi kaller et Icon-jukseark. Denne listen viser alle ikonene deres som Font Awesome tilbyr, som informerer oss om de er en del av gratispakken eller pro-pakken.

For å legge til, tilbyr Font Awesome også et alternativ for å hente koden fra CDN-en. Vi anbefaler på det sterkeste å gå deres rute. Deres CDN har en rask responstid, og vi har liten eller ingen “Lag” mellom nettstedet og plattformen deres.

Jeff Romero: det gjør hastigheten på siden mye raskere

Vi utvikler tilpassede nettsteder på Wordpress for små og mellomstore bedriftskunder. Vi har historisk brukt bilder for å representere forskjellige ikoner på våre nettsteder, alt fra sosiale medier profiler til telefon- og e-postikoner. Prosessen for å bruke et bilde for ikoner krever å finne et konsistent sett med ikoner, laste dem opp og deretter endre størrelse på dem for å sikre at de passer til nettstedet.

Selv om det er en liten bildefil, er det litt av en prosess å få et konsistent sett med ikoner og få dem til å samsvare med nettstedets mal. Nå kan vi bruke Font Awesome og dets Wordpress-plugin, erstatte ikoner med et konsistent sett medier som ganske enkelt krever kopiering / liming av en HTML-linje. Enda bedre, ikonene kan endres størrelse med en liten mengde CSS (ved bruk av skriftstørrelseegenskapen). Ikonene viser bedre enn et bildebasert ikon, og de er tydelig synlige på mobile enheter. Til slutt, siden det er en linje med HTML i stedet for en bildefil, gjør det hastigheten på siden mye raskere.

Vance: spesielt bra når du ikke har en designer i teamet ditt

Som nettutvikler bruker jeg Font Awesome som en rask løsning for mange fine ikoner. Når det er sagt, er Font Awesome spesielt bra når du ikke har en designer i ditt utviklingsteam. Det er nyttig å utvikle Wordpress-plugins fordi utviklere raskt kan legge dem inn i pluginsene deres ved å bruke Font Awesome CDN-er.

Min erfaring med Font Awesome er god så langt. Men det betyr ikke at det ikke har noen ulemper. En av de åpenbare ulempene er sidehastighet (ytelse). Siden det er en rask løsning, må du legge inn et helt sett med ikoner, selv om du bare bruker noen få ikoner. Det kan redusere nettstedets lastehastighet og Google Page Speed ​​(PSI) score.

Sunny Ashley: enkelt, rent og øyeblikkelig gjenkjennelig for nye besøkende

Vi bruker  Font Awesome ikoner   i bunnteksten på nettstedet. Spesielt bruker vi ikonet Facebook, Twitter og LinkedIn for å referere til våre sosiale mediekanaler. De er enkle, rene og umiddelbart gjenkjennelige for nye besøkende. Som andre brukere av Font Awesome vet, var de også veldig raske og enkle å konfigurere.

Burak Özdemir: Fjærikoner forårsaker ikke en for stor DOM-størrelse

Feather Icons er en samling lesbare, synlig behagelige open source-ikoner designet og vedlikeholdt av Cole Bemis. Fra juni 2020 er det mer enn 280 ikoner tilgjengelig. Alle ikonene fra Feather Icons er MIT-lisensiert og kan lastes ned separat som SVG-filer. Du kan tilpasse ikonstørrelsen, ikonets strekfarge og strekningsbredde på Feather Ikonets nettsted før du laster ned dem.

Feather Icons kan være et godt valg for nettstedet eller prosjektet ditt hvis du er en utvikler eller vet hvordan du skal håndtere noen grunnleggende front-end oppgaver. Siden disse lette ikonene også kan gjengis med et modulært JavaScript-bibliotek, forårsaker de ikke en for stor DOM-størrelse, en beregning som kan skade ytelsen til websiden din. Med Feather Icons kan du dermed senke sidehastighetshastigheten mer sammenlignet med andre pakker tilgjengelig på markedet. Den eneste ulempen med å bruke dette ikonet er at du ikke finner de fleste merkevareikonene.