ҮНЭГҮЙ АВТОМАШИНГ: Номын сангийн бүрэн гарын авлага

ҮНЭГҮЙ АВТОМАШИНГ: Номын сангийн бүрэн гарын авлага


Үнэгүй дүрсүүд нь гайхалтай гайхалтай дүрс: Энэ нь юу вэ, энэ нь юунд ашигладаг вэ. Дүрсийг сайт руу хэрхэн холбох вэ. Номын сангийн давуу болон сул талууд.

ҮНЭГҮЙ ЮУ ХИЙХ ВЭ? Номын сангийн шимтгэл.

FONTOM AWESOME ICONG SET: Эцсийн хөтөч

Фонт гайхалтай бол CSS болон бага, бага хэмжээтэй фонт, дүрс, дүрс юм. Хэрэгсэл нь таны загвар, ашиглах чадварыг мэдэгдэхүйцийг сайтар сайжруулахын тулд багаж хэрэгслийг хурдан холбох боломжийг танд олгоно. Энэ нь цөөн хэдэн мөр код оруулахад хангалттай.

Фонт гайхалтай гайхалтай вектор дүрс өгдөг.

Фонт гайхалтай номын сан нь танд хамгийн сайн саналын томоохон цуглуулгатай байдаг. Та төслийг өвөрмөц дүрсээр сайжруулна. Үнэндээ энэ нь таны зорчих зорилгоор ашиглаж болох бүх төрлийн дүрсүүд юм.

Fontawelesome-д бүх дүрс нь туйлын, бүрэн эрх чөлөөтэй байдаг. Номын сан нь GNU-ийн ерөнхий олон улсын лицензийн дагуу лицензтэй байдаг. Энэ нь арилжааны төслүүдэд чөлөөтэй ашиглагдаж, зарчмыг хаа сайгүй.

Багцыг Дэйв Ганди үүсгэсэн. Үүнд, хэрэглэгчийн интерфэйсийг сайжруулахын тулд үнэгүй нийгмийн мэдээллийн хэрэгслийн дүрс, дүрсүүдийг багтаана.

Ихэвчлэн, фонт гайхалтай үсгийн скриптийг bootstrap ба bootstrapcdn-тэй холбодог. Фонт гайхалтай нь зөвхөн Google Fonts-д алдартай.

Хэрхэн ажилладаг

Үндсэн онцлог нь бүх төрлийн гайхалтай дүрсүүд нь статик зураг биш юм. Тэд фонтын форматтай байна. Өөрөөр хэлбэл эдгээр нь дүрс фонтууд юм. Жишээлбэл, хайлтын дүрс эсвэл нийгмийн сүлжээний лого нь энгийн тэмдэгтүүдийн A, B, C гэсэн энгийн тэмдэгтүүдтэй ижил байна.

Фонт гайхалтай дүрсийг фонтомын дүрсийг агуулдаг. Тиймээс тэд бараг ямар ч хэмжээгээр нэмэгдэж болно.

Бүх боломжтой бүх дүрсийг нэг фонт файлд оруулсан болно. Танд хэрэгтэй зүйл бол энэ файлыг албан ёсны сайтаас татаж авах бөгөөд үүнийг хэв маягаар холбоно уу.

Дизайнерууд яагаад фонтыг гайхалтай байдлаар сонгодог

Фонт гайхалтай гайхалтай нь хэд хэдэн давуу талтай:

  • Хурдан холболт. Та зөвхөн албан ёсны вэбсайтаас тусгай файлыг татаж авах хэрэгтэй бөгөөд CSS кодын замд замыг зааж өгөх хэрэгтэй.
  • Уян хатан байдал, цар хүрээ. Дүрсүүдийг ямар ч хэмжээгээр томруулж болно. Төхөөрөмж нь зөвшөөрөгдсөн шиг тэмдэглэгээ нь тодорхой болно. Хариуцлагатай дизайны хувьд энэ нь чухал юм. Дашрамд хэлэхэд ижил шалтгаанаар, гайхалтай дүрсүүд нь торлог бүрхэвч дэлгэцэнд тохиромжтой.
  • Загварлаг байдал. Дүрсийг өнгө, хэмжээ, сүүдэр, бусад гадны параметрээр амархан өөрчилж болно. Дизайнер нь тогтмол текстийн стилийн бүх ашиг тусыг авдаг. Та бас дүрсийг эргүүлж болно. Жишээлбэл, 90 градусыг доош нь эргүүлэх эсвэл эргүүлэх.
  • Сайтыг хурдан ачаалж байна. Бүх дүрсийг нэг фонт файлд оруулсан болно. Тиймээс зөвхөн нэг http хүсэлтийг зөвхөн фонтыг ачаалахад л хангалттай. Энэ бол вэбсайтын гүйцэтгэлд тохиромжтой.
  • Хөтөч нарт дуртай. Фонт гайхалтай бол гайхалтай хөтлөгчтэй. Фонт, дүрс, дүрс бүхий хөтчийн нийцтэй байдлын талаар санаа зовох хэрэггүй болно. Тэд бүгдэд нь сайн дэмждэг. Хуучин IE8 хүртэл.
  • Өөр өөр хүрээтэй нийцдэг. Номын санг эхлээд Bootstrap-д зориулан бүтээсэн. Гэхдээ бусад хүрээгтэй хамт хуан сайн ажиллана.
  • Хэд хэдэн формат. Хэрэгсэл нь Тиймээс фонт гайхалтай нь бусад вэб фонттой ижил аргаар зохицуулдаг.
  • Javascript шаардлагатай биш. Фонт гайхалтай гайхалтай нь Javascript-ийг ажиллуулахыг шаарддаггүй.

Ийнхүү, фонт гайхалтай нь зохион байгуулалттай цагийг хэмнэх үр дүнтэй бөгөөд тохиромжтой хэрэгсэл бөгөөд таны вэбсайтыг хурдасгаж, таны вэбсайтыг хурдасгадаг.

ҮНЭГҮЙ ҮЙЛ АЖИЛЛАГАА

Хэрэгсэл нь бас сул талтай. Аз болоход тэдгээр нь тэдний хүмүүсийн олон зүйл биш юм.

Нэгдүгээрт, дүрсийг зөвхөн нэг өнгөөр ​​будаж болно. Гэсэн хэдий ч энэ хязгаарлалтыг тойрч гарах боломжтой. Жишээлбэл, бие биентэйгээ үнэгүй дүрсийг хослуулах. Эсвэл CSS эффектийг ашиглах

Хоёрдугаарт, фонт гайхалтай номын сан нь хэтэрхий олон дүрс агуулсан бөгөөд бүгдийг нэг файлд багтаасан болно. Хэрэв дизайнер эсвэл зохион байгуулагч дизайнер дизайнер зөвхөн хоёр дүрсийг холбох шаардлагатай бол тэд бүх номын санг бүрэн ачаалах хэрэгтэй. Эдгээр нь орон зайг авах болно. Гэсэн хэдий ч энд бас нэг шийдэл байдаг - өөрийн угсралтыг зөвхөн шаардлагатай дүрсийг оруулах болно.

ҮНЭГҮЙ ЗӨВЛӨГӨӨ: 5 ба 6

Фонт гайхалтай 5-ыг 2017 оны 12-р сарын 7-нд 2017 оны 12-р сарын 7-нд гаргасан бөгөөд анх 1278 дүрс агуулсан. Тав дахь хувилбар нь хоёр багцад гарч ирдэг: үнэгүй (AWNTOMOMOME үнэгүй), төлбөртэй (FONT AWESMOME PROMOME). Үнэгүй төлөвлөгөө нь бүх дөрөв дэх хувилбараас дүрсийг агуулдаг. Тэмдэглэгээ нь SILI OIL FONT лицензийн дор байрладаг.

SIL Нээлттэй фонт лиценз (OFL-1.1) | Нээлттэй эх сурвалж санаа
Creative Commons - Attribuction 4.0 Олон улсын - CC нь 4.0
Mit лиценз | Нээлттэй эх сурвалж санаа

Фонт гайхалтай 6 нь 2020 оны хоёрдугаар хагаст суллагдсан шинэ хувилбар юм. Энэ нь шинэ дүрсүүдийг багтаасан бөгөөд зөвхөн төлбөртэй төлөвлөгөөнд хамрагдах боломжтой.

Фонт гайхалтай 6 ALPHA нь 2021 оны аль алиме юм. Энэ бол 2021 оны зам дээр байдаг. Энэ бол өөр шинэ үе юм. Шинэ ICONS-ээс гадна, хувилбар 6 Альфа шинэ загвар, шинэ үйлчилгээ, шинэ үйлчилгээ, шинэ үйлчилгээ, шинэ үйлчилгээ, шинэ үйлчилгээ, шинэ үйлчилгээ, шинэ үйлчилгээ, шинэ үйлчилгээ, шинэ үйлчилгээ, шинэ үйлчилгээ, шинэ үйлчилгээ, шинэ үйлчилгээ, шинэ үйлчилгээ, шинэ үйлчилгээ, шинэ дэлгүүр нэмэх болно. Хэрэглэгчид урьдчилан захиалах боломжтой.

Үнэгүй, төлбөртэй төлөвлөгөө: ялгаа, онцлог шинж чанарууд

Та үнэгүй эсвэл цалинтай тарифын төлөвлөгөөг татаж авах боломжтой.

Үнэгүй төлөвлөгөөнд 1600 гаруй дүрс, 1 багц орно. Кит бол код нэмэхгүйгээр өөрчлөлтийг хурдан өөрчлөх боломжийг танд олгодог дүрс, хэв маяг, хэв маяг, тохиргоо юм.

Төлбөртэй тариф:

  • 7800 гаруй дүрс, 20 багцыг багтаасан болно.
  • FONTOM AWESMOME Pro-д хандах боломжтой. Энэ нь дүрсийг уугуул гар утасны програмууд болон компьютер дээрээ ашиглаж болно (жишээ нь текстийн редактор эсвэл PowerPoint дээр танилцуулга үүсгэх үед).
  • Өөрийнхөө дүрсийг байршуулах боломжийг танд олгоно. Та өөрийн дүрсүүдийг ашиглан өөрийн дүрсийг ашиглан албан ёсны үсгийн гайхалтай дүрсийг ашиглаж болно. Жишээлбэл, энэ нь та компанийн лого байршуулах боломжтой юм. Та үндсэн дээр ижил төстэй үйлдлүүдийг өөрийн дүрсээр хийж болно. Загвар, хэмжээ, өнгө, өнгийг өөрчлөх гэх мэт.

Хоёулаа хоёулаа үүрд мөнх байдаг. Энэ нь тэд нэг удаа, бүхэлд нь хангаж өгдөг.

Фонтыг гайхалтай холбох арга замууд

Юуны өмнө та албан ёсны вэбсайтад очиж номын санг татаж авах хэрэгтэй. Татаж авсан архив нь задлах ёстой, CSS болон FONTS хавтаснуудыг таны сайтын хавтсанд хуулж байх ёстой.

Үүний дараа, номын сангийн файлын зам нь толгойн шошго хоорондоо зааж өгсөн болно. Жишээлбэл:

Вэбсайт дээрх фонтыг хэрхэн яаж харуулах вэ. Хамгийн алдартай арга:

1.жиж байна html

Хамгийн хялбар арга.

Албан ёсны вэбсайт дээр очиж үзэх хэрэгтэй (Fontawawesome.com/icons.com/ically.glallygery) ба таны дуртай дүрсийг сонгоно уу. Дүрс бүр нь хувийн кодтой, жишээ нь :. Үүнийг хуулж, кодыг зөв газар дээр нь хуулж буулгахад хангалттай.

2. CSS-ээр дамжуулан

Үүнийг хийхийн тулд, дараа нь псевдо-элементүүдийг ашиглана уу, мөн шаардлагатай дүрсүүдийн нэг чемент ашиглана уу. Та бүгдийг нэг галерейд авч болно. Ийм кодын жишээ: F209.

Загварын файлыг оруулах жишээ:

div :: {дэлгэцийн дараа: блок; Агуулга: 'F209'; Фонт-гэр бүл: 'ҮНЭГҮЙ 5 ҮНЭГҮЙ 5 ҮНЭГҮЙ';}

Дүгнэлтэд: Бүх фонт гайхалтай дүрсүүд

Тиймээс, фонт гайхалтай нь таны вэбсайт руу үнэгүй дүрс нэмэх хурдан бөгөөд тохиромжтой арга юм. Бүх дүрсийг хялбархан хялбаршуулж, сайтыг удаашруулахгүй.





Сэтгэгдэл (0)

Сэтгэгдэл үлдээх