Өмнө нь сайт үүсгэхдээ bitmap дүрсийг ашиглах шаардлагатай байсан. Энэ нь үзэсгэлэнтэй байсан боловч янз бүрийн шалтгаанаар тохиромжгүй байв. Өнөөдөр вектор дүрс нь растер дүрсийг орлож байна. Энэ бол танай сайтыг чимэглэж, сэргээж өгөх анхны бөгөөд тансаг шийдэл юм.
Зааварчилгаа
1-р алхам
Дүрсээс фонт үүсгэх сайн вэб үйлчилгээ байдаг. Үүнийг Fontastic гэж нэрлэдэг. Энэ нь бүрэн үнэгүй бөгөөд зар сурталчилгаа байхгүй болно. Эхний алхам бол үйлчилгээний вэбсайт дээр бүртгүүлэх явдал юм. Fontastic.me вэбсайт руу ороод имэйлийн хаягаа оруулах талбарт оруулаад нууц үгээ үүсгээд "Шар өнгийн фонт үүсгэх" гэсэн том шар товчлуур дээр дарна уу. Заримдаа амжилттай бүртгэлийг баталгаажуулсан мэдээлэл гарахгүй байх тохиолдол гардаг. Энэ талаар санаа зовох хэрэггүй, дараагийн алхам руу шилжинэ үү.
Алхам 2
Одоо баруун дээд буланд байрлах "Нэвтрэх" товчийг дарна уу. Нээгдсэн хуудсан дээр имэйл, нууц үгээ дахин оруулаад "Нэвтрэх" товчийг дарна уу.
Хэдэн секунд хүлээсний дараа дүрсээс фонт үүсгэх самбар нээгдэнэ.
Алхам 3
Энд дүрсүүдийн том сонголт байна. Хулганаар дуртай дүрсүүд дээр дарж, шаардлагатай хэмжээгээр дүрсийг сонгоно уу. Дээд талд "PUBLISH" гэсэн үгний дараа сонгосон дүрсний тоог заана.
Алхам 4
Хэрэв танд толилуулсан тооноос хангалттай дүрс байхгүй бол хуудасны доод хэсэгт доош гүйлгээд "Илүү олон дүрс нэмэх" гэсэн товчлуурыг олоорой. Үүнийг дарна уу.
Алхам 5
Нэмэлт дүрсний багц бүхий хуудас нээгдэнэ. Тэдгээрийн зарим нь төлбөртэй ("Дээд зэрэглэлийн" гэсэн шошготой), зарим нь үнэгүй байдаг. Нэмэлт дүрсийг идэвхжүүлэхийн тулд сонгосон багц дээрх "ИДЭВХЖҮҮЛЭХ" товчийг дарна уу. Одоо та дээд цэсэн дэх "Нүүр хуудас" товчийг дарж хяналтын самбарыг эхлүүлэхэд бэлэн байгаа дүрсүүдийн ерөнхий жагсаалтад гарч ирнэ.
Алхам 6
Хэрэв та өөрийн дүрсийг нэмэх шаардлагатай бол баруун дээд талд байгаа ижил хуудсан дээр "IMPORT ICONS" товчийг дарна уу. Та одоо өөрийн дүрсийг байршуулж болно. Зөвхөн SVG вектор форматыг дэмждэг болохыг анхаарна уу.
Алхам 7
Шаардлагатай тооны дүрсийг сонгоод "CUSTOMIZE" товчийг дарна уу. Энд та сонгосон бүх дүрсийг харах бөгөөд дурын ангийн нэрийг тэдэнд зааж өгч болох бөгөөд үүгээр дамжуулан тэдгээрийг CSS хэв маягаар лавлах болно. Эсвэл системд дүрс өгсөн анхны нэрсийг үлдээж болно.
Алхам 8
"PUBLISH" товчийг дарна уу. Эндээс та үүсгэсэн вектор дүрсний фонтыг татаж авах боломжтой ("ТАТАХ" товч). Үйлчилгээний үүсгэсэн фонтын архивыг компьютертээ татаж авах.
Алхам 9
Татаж авсан архивт CSS загварын файл, дүрс ангиудын нэртэй HTML файл, фонт бүхий "фонт" хавтас байна. Энэ дүрсний фонтыг таны вэбсайт дээр ашиглах боломжтой.
Алхам 10
Үүсгэсэн дүрсний фонтыг ашиглахын тулд та дараах зүйлийг хийх хэрэгтэй.
- архивын агуулгыг задалж, лавлах хуудсандаа хэв маягаар байршуулах;
- энэ дүрсний фонттой ажиллах сайтын бүх хуудасны HEAD хэсэгт CSS файлын холбоосыг оруулах;
- хуудасны кодонд бид шинээр үүсгэсэн дүрсийн фонтыг ашиглахын тулд өмнө нь үүсгэсэн ангиудын нэрийг ашигладаг.
