Font Awesome: The Complete Library Guide



Gratis ikoner Font Awesome: Hvad det er, og hvad det bruges til. Sådan tilsluttes ikoner til webstedet. Fordele og ulemper ved biblioteket.

Hvad er skrifttype Awesome og hvad bruges det til på stedet. Biblioteksydelser.

Font Awesome Icon Set: The Ultimate Guide

Font Awesome er et sæt skrifttyper og ikoner baseret på CSS og mindre. Værktøjet giver dig mulighed for hurtigt at forbinde alle former for ikoner til webstedet, hvilket forbedrer sit design og brugervenlighed betydeligt. Det er nok at indsætte et par linjer kode.

I fontawesome er alle ikoner absolut og helt fri. Biblioteket er licenseret under GNU General Public License. Det betyder, at det kan frit anvendes i kommercielle projekter og i princippet overalt.

Sættet blev oprettet af Dave Gandhi. Den indeholder gratis sociale medier ikoner, ikoner for at forbedre brugergrænsefladen og mere.

Typisk anvendes skrifttype fantastiske skrifttype scripts i forbindelse med bootstrap og bootstrapcdn. Font Awesome er anden kun til Google Fonts i popularitet.

Hvordan det virker

Hovedfunktionen er, at alle skrifttype awesome ikoner ikke er statiske billeder. De er i skrifttypeformat. Med andre ord, disse er ikonet skrifttyper. For eksempel er et søgeikon eller et socialt netværk logo det samme som de enkle tegn A, B, C.

 font awesome ikoner ‌  er skabt ved hjælp af skalerbare vektorer. Derfor kan de øges til næsten enhver størrelse.

Alle tilgængelige ikoner er inkluderet i en skrifttypefil. Alt du behøver er at downloade denne fil fra det officielle websted og tilslutte den i stilarter.

Hvorfor designere vælger skrifttype awesome

Font Awesome har en række fordele:

  • Hurtig forbindelse. Du skal bare downloade en særlig fil fra den officielle hjemmeside og tilslutte den ved at angive stien til den i CSS-koden.
  • Fleksibilitet og skalerbarhed. Ikonerne kan forstørres til enhver størrelse. Symbolerne vil være så klare som enheden tillader. I alder af lydhør design er dette vigtigt. Af den måde, af samme grund, er skrifttype awesome ikoner egnet til nethinden.
  • Stilisering. Ikoner kan nemt ændres i farve, størrelse, skygge eller andre eksterne parametre. Designeren får alle fordelene ved Styling Regular Text. Du kan også rotere ikonerne. For eksempel display på hovedet eller drej 90 grader.
  • Hurtig indlæsning af webstedet. Alle ikoner er inkluderet i en skrifttypefil. Så det tager kun en HTTP-anmodning om at indlæse skrifttype awesome. Dette er fantastisk til webstedsydelse.
  • Kærlighed til browsere. Font Awesome er et tværbrowser værktøj. Du behøver ikke bekymre dig om browserkompatibilitet med skrifttyper og ikoner. De støttes godt af dem alle. Selv gamle IE8.
  • Kompatibel med forskellige rammer. Biblioteket blev oprettet primært til bootstrap. Det vil dog også fungere godt med andre rammer.
  • Flere formater. Værktøjet er tilgængeligt i .eot, .ttf, .woff og SVG formater. Så skrifttypen awesome håndteres på samme måde som andre web skrifttyper.
  • Ingen JavaScript påkrævet. Font Awesome kræver ikke, at JavaScript skal køre.

Således er Font Awesome et effektivt og bekvemt værktøj, der betydeligt gemmer layouttid og fremskynder dit websted.

Ulemper ved skrifttype awesome

Værktøjet har også ulemper. Heldigvis er der ikke mange af dem.

For det første kan ikoner kun males i en farve. Denne begrænsning kan dog omgåes. For eksempel kombinerer gratis ikoner med hinanden. Eller ved hjælp af CSS-effekter

For det andet indeholder skrifttypet Awesome-biblioteket for mange ikoner, og de er alle inkluderet i en fil. Hvis en designer eller layout designer kun skal tilslutte et par ikoner, skal de stadig indlæse hele biblioteket helt. Og det er hundreder af tusindvis af ekstra ikoner, der vil tage plads. Der er dog også en løsning her - oprettelse af din egen forsamling, som kun indeholder de nødvendige ikoner.

Font Awesome Versions: 5 og 6

Font Awesome 5 blev udgivet den 7. december 2017 og oprindeligt indeholdt 1278 ikoner. Den femte version leveres i to pakker: Gratis (Font Awesome GRATIS) og betalt (Font Awesome Pro). Free Plan indeholder også ikoner fra alle fjerde versioner. Ikonerne er tilgængelige under SIL Open Font License 1.1, Creative Commons Attribution 4.0 og MIT.

SIL OPEN FONT LICENS (OFL-1.1) | Open Source Initiative.
Creative Commons - Attribution 4.0 International - CC med 4,0
MIT-licensen | Open Source Initiative.

Font Awesome 6 er en ny version, der blev frigivet i anden halvdel af 2020. Den indeholder nye ikoner og er kun tilgængelig i en betalt plan.

Font Awesome 6 Alpha er også på vej i 2021. Dette er en anden ny generation af ikonbibliotek. Ud over de nye ikoner tilføjer version 6 Alpha også nye stilarter, nye tjenester og hjælpeværktøjer. Brugere kan forudbestille.

Gratis og betalte planer: Forskelle og funktioner

Du kan downloade ikoner til fri eller betalt tarif plan.

Free Planen indeholder over 1600 ikoner og 1 sæt. Et kit er en samling af ikoner, stilarter og indstillinger, der giver dig mulighed for hurtigt at foretage ændringer uden at tilføje kode.

Betalt takst:

  • Inkluderer over 7800 ikoner og 20 sæt.
  • Giver adgang til Font Awesome Pro. Det betyder, at ikonerne kan bruges i indfødte mobilapplikationer og på din computer (for eksempel i et ordtekst editor eller når du opretter en præsentation i PowerPoint).
  • Giver dig mulighed for at uploade dine egne ikoner. Du kan bruge dine egne ikoner sammen med eller i stedet for de officielle skrifttype awesome ikoner. For eksempel er det sådan, hvordan du kan uploade et firmalogo. Du kan udføre de samme handlinger med dine egne ikoner som med de grundlæggende - skift stil, størrelse, farve osv.

Begge versioner er evige. Det vil sige, de leveres en gang for alle.

Måder at forbinde skrifttype awesome

Først og fremmest skal du gå til den officielle hjemmeside og downloade biblioteket. Det downloadede arkiv skal pakkes ud og CSS og skrifttyper mapper kopieres til din webstedsmappe.

Derefter er stien til bibliotekets fil angivet mellem hovedkoden. For eksempel:

Sådan vises skrifttype Awesome ikoner på en hjemmeside. Mest populære metoder:

1. Brug HTML.

Den nemmeste måde.

Du skal gå til galleriet på den officielle hjemmeside (fontawesome.com/icons?d=gallery) og vælge det ikon, du kan lide. Hvert ikon har en personlig kode, for eksempel:. Det er nok at kopiere og indsætte det på det rigtige sted i koden.

2. Via CSS.

For at gøre dette skal du bruge pseudo-elementerne efter eller før, såvel som Unicode for det krævede ikon. Du kan tage alt i samme galleri. Et eksempel på en sådan kode: F209.

Et eksempel på en stilfilindtastning:

Div :: Efter {Display: Block; Indhold: 'F209'; Font-familie: 'Font Awesome 5 GRATIS';}

I konklusion: Alle skrifttype Awesome ikoner

Således er Font Awesome en hurtig og bekvem måde at tilføje gratis ikoner til dit websted. Alle ikoner er let skalerbare og sænker ikke stedet.






Kommentarer (0)

Efterlad en kommentar