Шрифт страхотно: пълното библиотечно ръководство

Безплатни икони Шрифт страхотно: Какво е и за какво се използва. Как да свържете икони към сайта. Предимства и недостатъци на библиотеката.

Шрифт страхотно икона Комплект: Крайното ръководство

Font Awesome е набор от шрифтове и икони, базирани на CSS и по-малко. Инструментът ви позволява бързо да свържете всички видове икони към сайта, значително подобряване на нейния дизайн и използваемост. Достатъчно е да вмъкнете няколко реда код.

Font Awesome ви дава мащабируеми векторни икони, които лесно можете да персонализирате - размер, цвят, сенки и всичко останало, което може да се направи с CSS.

Font Awesome Library има огромна колекция от най -добрите предложения за вас. Подобрявате проекта си с уникални икони. Всъщност това е огромен набор от всички видове икони, които можете да използвате за собствените си цели.

В  Fontawesome всички икони   са абсолютно и напълно безплатни. Библиотеката е лицензирана по общия обществен лиценз на GNU. Това означава, че тя може свободно да се използва в търговски проекти и по принцип навсякъде.

Комплектът е създаден от Дейв Ганди. Той включва икони за безплатни социални медии, икони за подобряване на потребителския интерфейс и др.

Обикновено шрифтът се използва заедно с bootstrap и bootstrapcdn. Шрифтът страхотно е втори само за шрифтове на Google в популярността.

Как работи

Основната характеристика е, че всички страхотни икони на шрифтове не са статични изображения. Те са във формат на шрифта. С други думи, това са шрифтове на иконите. Например иконата за търсене или логото на социалната мрежа е същата като простите символи А, Б, С.

Font Awesome иконите се създават с помощта на мащабируеми вектори. Следователно те могат да бъдат увеличени до почти всеки размер.

Всички налични икони са включени в един файл с шрифт. Всичко, от което се нуждаете, е да изтеглите този файл от официалния сайт и да го свържете в стилове.

Защо дизайнерите избират шрифт страхотно

Font Awesome има редица предимства:

• Бърза връзка. Просто трябва да изтеглите специален файл от официалния уебсайт и да го свържете, като зададете пътя към него в CSS кода.
• Гъвкавост и мащабируемост. Иконите могат да бъдат увеличени до всеки размер. Символите ще бъдат толкова ясни, колкото позволява устройството. В ерата на отзивчивия дизайн това е важно. Между другото, по същата причина, шрифтът е подходящ за ретината.
• Стилизация. Иконите могат лесно да бъдат променени в цвят, размер, сянка или други външни параметри. Дизайнерът получава всички предимства на стилинния режим. Можете също да завъртите иконите. Например, покажете с главата надолу или завъртете 90 градуса.
• Бързо зареждане на сайта. Всички икони са включени в един файл с шрифт. Така че отнема само една HTTP заявка за зареждане на шрифта страхотно. Това е чудесно за изпълнение на уебсайтове.
• Любов към браузърите. Font Awesome е инструмент за кръстосано браузър. Не е нужно да се притеснявате за съвместимостта на браузъра на шрифтове и икони. Те са добре подкрепени от всички тях. Дори стар IE8.
• Съвместими с различни рамки. Библиотеката е създадена предимно за bootstrap. Въпреки това, тя ще работи добре и с други рамки.
• Няколко формата. Инструментът е наличен в .eot, .ttf, .woff и SVG формати. Така че шрифтът се обработва по същия начин като други уеб шрифтове.
• Не се изисква JavaScript. Шрифтът страхотно не изисква JavaScript да тече.

По този начин, шрифтът е ефективен и удобен инструмент, който значително спестява време за оформление и ускорява уебсайта ви.

Недостатъци на шрифта страхотно

Инструментът също има недостатъци. За щастие, няма много от тях.

Първо, иконите могат да бъдат боядисани само в един цвят. Това ограничение обаче може да бъде заобиколено. Например, комбиниране на свободни икони един с друг. Или използване на CSS ефекти

Второ, шрифтът страхотна библиотека съдържа твърде много икони и всички те са включени в един файл. Ако дизайнер или оформление дизайнер трябва само да свърже няколко икони, те все още трябва да заредят цялата библиотека напълно. И това са стотици хиляди допълнителни икони, които ще поемат място. Въпреки това, има и решение тук - създаване на собствено сглобяване, което ще включва само необходимите икони.

Шрифт страхотни версии: 5 и 6

Font Awesome 5 бе издаден на 7 декември 2017 г. и първоначално съдържаха 1278 икони. Петата версия идва в два пакета: безплатно (шрифт страхотно безплатно) и платен (шрифт страхотен pro). Свободният план съдържа и икони от всичките четвърти версии. Иконите са достъпни под списъка за шрифтове в SIIL 1.1, Admibution Creative Commons 4.0 и MIT.

Шрифт страхотно 6 е нова версия, която е пусната през втората половина на 2020 г. Тя включва нови икони и е достъпна само в платен план.

Шрифт страхотно 6 Алфа също е на път през 2021 г. Това е друго ново поколение библиотека на иконата. В допълнение към новите икони, версия 6 Alpha също добавя нови стилове, нови услуги и помощни инструменти. Потребителите могат предварително да поръчате.

Безплатни и платени планове: разлики и функции

Можете да изтеглите икони за безплатен или платен тарифен план.

Свободният план включва над 1600 икони и 1 комплект. Комплектът е колекция от икони, стилове и настройки, които ви позволяват бързо да правите промени, без да добавяте код.

Платена тарифа:

• Включва над 7800 икони и 20 комплекта.
• Осигурява достъп до шрифт страхотно професионалист. Това означава, че иконите могат да се използват в местни мобилни приложения и на вашия компютър (например в текстов редактор или при създаване на презентация в PowerPoint).
• Позволява ви да качите собствени икони. Можете да използвате собствените си икони наред с или на мястото на официалните икони на шрифта. Например, това е начинът, по който можете да качите лого на компанията. Можете да изпълнявате същите действия със собствените си икони, както при основните - промяна на стила, размера, цвета и др.

И двете версии са вечни. Това означава, че те се предоставят веднъж завинаги.

Начини за свързване на шрифта страхотно

На първо място, трябва да отидете на официалния сайт и да изтеглите библиотеката. Изтегленият архив трябва да бъде разопакован и папките CSS и шрифтове се копират в папката на сайта ви.

След това пътят към файла с библиотеката е посочен между главните етикети. Например:

Как да се показват снимки на шрифта на уебсайт. Най-популярни методи:

1. Използване на HTML.

Най-лесният начин.

Трябва да отидете в галерията на официалния сайт (Fontawesome.com/icons?d=gallery) и изберете иконата, която ви харесва. Всяка икона има личен код, например :. Достатъчно е да го копирате и поставите на правилното място в кода.

2. чрез CSS.

За да направите това, използвайте псевдо-елементите след или преди, както и Unicode на необходимата икона. Можете да го вземете в същата галерия. Пример за такъв код: F209.

Пример за вписване на файлове в стил:

Div :: След {Display: Block; Съдържание: "F209"; Font-Family: "Font страхотно 5 безплатно";}

В заключение: всички графове страхотни икони

По този начин, шрифт страхотно е бърз и удобен начин да добавите безплатни икони към уебсайта си. Всички икони са лесно мащабируеми и не забавят сайта.