Տառատեսակ Awesome. Ամբողջ գրադարանի ուղեցույցը

Անվճար սրբապատկերներ տառատեսակ Awesome. Ինչ է դա եւ ինչի համար է այն օգտագործվում: Ինչպես միացնել սրբապատկերները կայքում: Գրադարանի առավելություններն ու թերությունները:

Տառատեսակ Awesome Icon Set. Վերջնական ուղեցույց

Տառատեսակը AWESOME- ը տառատեսակների եւ սրբապատկերների շարք է, որոնք հիմնված են CSS- ի եւ ավելի քիչ: Գործիքը թույլ է տալիս արագորեն միացնել բոլոր տեսակի սրբապատկերները կայքին, զգալիորեն բարելավելով դրա ձեւավորումը եւ օգտագործելիությունը: Բավական է կոդերի մի քանի տող մուտքագրել:

Font Awesome- ը ձեզ հնարավորություն է տալիս մասշտաբային վեկտորի սրբապատկերներ, որոնք հեշտությամբ կարող եք անհատականացնել `չափը, գույնը, ստվերները եւ մնացած ամեն ինչ, որը կարող է իրականացվել CSS- ով:

Font Awesome Library- ն ունի ձեզ համար լավագույն առաջարկների հսկայական հավաքածու: Դուք բարելավում եք ձեր նախագիծը եզակի սրբապատկերներով: Փաստորեն, սա բոլոր տեսակի սրբապատկերների հսկայական հավաքածու է, որոնք կարող եք օգտագործել ձեր սեփական նպատակներով:

Fontawesome- ում բոլոր սրբապատկերները բացարձակ եւ լիովին անվճար են: Գրադարանը լիցենզավորված է GNU- ի հանրային լիցենզիայի ներքո: Սա նշանակում է, որ այն կարող է ազատորեն օգտագործվել առեւտրային նախագծերում եւ, սկզբունքորեն, ամենուր:

Սեթը ստեղծվել է Դեյվ Գանդիի կողմից: Այն ներառում է անվճար սոցիալական մեդիայի սրբապատկերներ, պատկերակները `օգտագործողի միջերեսը բարելավելու եւ ավելին:

Սովորաբար, տառատեսակի հիասքանչ տառատեսակների սցենարներն օգտագործվում են Bootstrap- ի եւ Bootstrapcdn- ի հետ միասին: Font Awesome- ը երկրորդն է միայն Google- ի տառատեսակներին հանրաճանաչության մեջ:

Ինչպես է դա աշխատում

Հիմնական առանձնահատկությունն այն է, որ բոլոր տառատեսակների հիասքանչ սրբապատկերները ստատիկ պատկերներ չեն: Դրանք տառատեսակի ձեւաչափով են: Այսինքն, սրանք պատկերակների տառատեսակներ են: Օրինակ, որոնման պատկերակը կամ սոցիալական ցանցի պատկերանշանը նույնն է, ինչ «ա», «բ», «գ» պարզ նիշերը:

Տառատեսակի հիասքանչ սրբապատկերները ստեղծվում են մասշտաբային վեկտորների միջոցով: Հետեւաբար դրանք կարող են աճել գրեթե ցանկացած չափի:

Բոլոր առկա սրբապատկերները ներառված են մեկ տառատեսակի ֆայլում: Ձեզ անհրաժեշտ է այս ֆայլը պաշտոնական կայքից ներբեռնել եւ այն կապել ոճերով:

Ինչու դիզայներներն ընտրում են տառատեսակ AWESOME

Տառատեսակը AWESOME ունի մի շարք առավելություններ.

• Արագ կապ: Պարզապես պետք է հատուկ ֆայլ ներբեռնեք պաշտոնական կայքից եւ միացրեք այն `նշելով CSS կոդով դրա ուղին:
• Ճկունություն եւ մասշտաբրություն: Սրբապատկերները կարող են ընդլայնվել ցանկացած չափի: Սիմվոլները կլինեն այնքան պարզ, որքան սարքը թույլ է տալիս: Պատասխանատու դիզայնի տարիքում դա կարեւոր է: Ի դեպ, նույն պատճառով, տառատեսակի հիասքանչ սրբապատկերները հարմար են ցանցաթաղանթի ցուցադրումների համար:
• Ստիլիզացիա: Սրբապատկերները կարելի է հեշտությամբ փոխվել գույնի, չափի, ստվերում կամ ցանկացած այլ արտաքին պարամետրերով: Դիզայները ստանում է կանոնավոր տեքստի ոճավորման բոլոր առավելությունները: Կարող եք նաեւ պտտել սրբապատկերները: Օրինակ, ցուցադրեք գլխիվայր կամ պտտեք 90 աստիճանով:
• Կայքի արագ բեռնումը: Բոլոր սրբապատկերները ներառված են մեկ տառատեսակի ֆայլում: Այնպես որ, դա միայն մեկ HTTP խնդրանք է պահանջում տառատեսակին հիասքանչ բեռնելու համար: Սա հիանալի է վեբ կայքի աշխատանքի համար:
• Զննարկիչների սերը: Font Awesome- ը խաչմերուկի գործիք է: Պետք չէ անհանգստանալ տառատեսակների եւ սրբապատկերների զննարկիչ համատեղելիության մասին: Դրանք լավ են աջակցում բոլորին: Նույնիսկ հին IE8:
• Համատեղելի տարբեր շրջանակների հետ: Գրադարանը ստեղծվել է հիմնականում bootstrap- ի համար: Այնուամենայնիվ, այն լավ կաշխատի նաեւ այլ շրջանակների հետ:
• Մի քանի ձեւաչափ: Գործիքը հասանելի է .eot, .ttf, .woff եւ SVG ձեւաչափերով: Այսպիսով, տառատեսակը AWESOME- ը վարվում է այնպես, ինչպես մյուս վեբ տառատեսակները:
• JavaScript չի պահանջվում: Տառատեսակը AWESOME- ը չի պահանջում JavaScript- ը:

Այսպիսով, տառատեսակը AWESOME- ը արդյունավետ եւ հարմար գործիք է, որը էապես խնայում է դասավորության ժամանակը եւ արագացնում ձեր կայքը:

Տառատեսակի հիասքանչ թերությունները

Գործիքը ունի նաեւ թերություններ: Բարեբախտաբար, դրանցից շատերը չկան:

Նախ, սրբապատկերները կարող են նկարվել միայն մեկ գույնով: Այնուամենայնիվ, այս սահմանափակումը կարող է շրջանցվել: Օրինակ, միմյանց հետ անվճար սրբապատկերներ համատեղելով: Կամ օգտագործելով CSS էֆեկտներ

Երկրորդ, տառատեսակի հիասքանչ գրադարանը պարունակում է չափազանց շատ սրբապատկերներ, եւ դրանք բոլորը ներառված են մեկ ֆայլում: Եթե ​​դիզայներների կամ դիզայներ դիզայներ միայն անհրաժեշտ է մի քանի սրբապատկերներ միացնել, նրանք դեռ պետք է ամբողջությամբ բեւեռային ամբողջ գրադարանը բեւեռ: Եվ սրանք հարյուր հազարավոր լրացուցիչ սրբապատկերներ են, որոնք տեղ են գրավելու: Այնուամենայնիվ, այստեղ նույնպես լուծում կա `ստեղծելով ձեր սեփական ժողովը, որը կներառի միայն անհրաժեշտ սրբապատկերները:

Տառատեսակ Awesome Versions: 5 եւ 6

Font Awesome 5-ը թողարկվել է 2017 թվականի դեկտեմբերի 7-ին եւ ի սկզբանե պարունակում էր 1278 սրբապատկեր: Հինգերորդ տարբերակը գալիս է երկու փաթեթով. Ազատ (տառատեսակ Awesome անվճար) եւ վճարված (տառատեսակ Awesome Pro): Անվճար պլանը պարունակում է նաեւ սրբապատկերներ բոլոր չորրորդ տարբերակներից: Սրբապատկերները մատչելի են SIL Open տառատեսակի լիցենզիայի ներքո 1.1, Creative Commons Attribution 4.0 եւ MIT:

Font Awesome 6-ը նոր տարբերակ է, որը թողարկվել է 2020-ի երկրորդ կեսին: Այն ներառում է նոր սրբապատկերներ եւ հասանելի է միայն վճարովի պլանում:

Font Awesome 6 Alpha - ը նույնպես 2021-ին է: Սա Icon գրադարանի եւս մեկ նոր սերունդ է: Բացի նոր սրբապատկերներից, 6-րդ տարբերակը նաեւ ավելացնում է նոր ոճեր, նոր ծառայություններ եւ օժանդակ գործիքներ: Օգտվողները կարող են նախնական պատվիրել:

Անվճար եւ վճարովի պլաններ. Տարբերություններ եւ առանձնահատկություններ

Սրբապատկերներ կարող եք ներբեռնել անվճար կամ վճարովի սակագնային պլանի համար:

Անվճար պլանը ներառում է ավելի քան 1600 սրբապատկեր եւ 1 հավաքածու: Հավաքածուն սրբապատկերների, ոճերի եւ պարամետրերի հավաքածու է, որը թույլ է տալիս արագ փոփոխություններ կատարել առանց կոդ ավելացնելու:

Վճարովի սակագին.

• Ներառում է ավելի քան 7800 սրբապատկեր եւ 20 հավաքածու:
• Ապահովում է մուտք դեպի տառատեսակ Awesome Pro: Սա նշանակում է, որ սրբապատկերները կարող են օգտագործվել մայրենի բջջային ծրագրերում եւ ձեր համակարգչում (օրինակ, բառի տեքստի խմբագրում կամ PowerPoint- ում ներկայացում ստեղծելիս):
• Թույլ է տալիս վերբեռնել ձեր սեփական սրբապատկերները: Դուք կարող եք օգտագործել ձեր սեփական սրբապատկերները, պաշտոնական տառատեսակի հիանալի պատկերակների կողքին կամ տեղում: Օրինակ, այսպես է, ինչպես դուք կարող եք վերբեռնել ընկերության պատկերանշան: Դուք կարող եք կատարել նույն գործողությունները ձեր սեփական սրբապատկերներով, ինչպես հիմնական, փոխել ոճը, չափը, գույնը եւ այլն:

Երկու տարբերակները հավերժ են: Այսինքն, դրանք տրամադրվում են մեկ անգամ եւ բոլորի համար:

Տառատեսակը Awesome- ին միացնելու եղանակները

Առաջին հերթին, դուք պետք է գնաք պաշտոնական կայք եւ ներբեռնեք գրադարանը: Ներբեռնված արխիվը պետք է լինի փաթեթավորված եւ ձեր կայքի թղթապանակին պատճենված CSS եւ տառատեսակներ:

Դրանից հետո գրադարանային ֆայլի ուղին նշված է գլխի պիտակների միջեւ: Օրինակ:

Ինչպես ցուցադրել տառատեսակը Awesome սրբապատկերներ կայքում: Ամենատարածված մեթոդները.

1. Օգտագործելով HTML

Ամենահեշտ ձեւը:

Պաշտոնական կայքէջում պետք է գնաք պատկերասրահ (Fontawesome.com/icons?d=gallery) եւ ընտրեք ձեր նախընտրած պատկերակը: Յուրաքանչյուր պատկերակ ունի անձնական կոդ, օրինակ. Բավական է պատճենել եւ տեղադրել այն օրենսգրքի ճիշտ տեղում:

2. CSS- ի միջոցով

Դա անելու համար օգտագործեք կեղծ տարրերը, ինչպես նաեւ պահանջվող պատկերակի Unicode- ը: Դուք կարող եք այն վերցնել նույն պատկերասրահում: Նման ծածկագրի օրինակ, F209:

Ոճային ֆայլի մուտքի օրինակ.

Div :: display ուցադրելուց հետո. բլոկ; Բովանդակություն. «F209»; Տառատեսակ-ընտանիք. «Տառատեսակ Awesome 5 անվճար»;}

Եզրափակելով. Բոլոր տառատեսակը հիանալի սրբապատկերներ

Այսպիսով, տառատեսակը AWESOME- ը անվճար սրբապատկերներ ավելացնելու արագ եւ հարմար միջոց է: Բոլոր սրբապատկերները հեշտությամբ փոփոխելի են եւ չեն դանդաղեցնում կայքը: