Font-Family Property-ийн синтакс
Хэвлэлийн дизайн нь амжилттай вэбсайт дизайны маш чухал хэсэг юм. Вэб дизайны мэргэжилтнүүдийн зорилго нь уншихад хялбар , тааламжтай текст бүхий сайтуудыг үүсгэх явдал юм. Үүнийг хэрэгжүүлэхийн тулд та вэб хуудсууд дээрээ ашиглахыг хүсч буй фонтуудыг тохируулж чаддаг байх хэрэгтэй. Товчлол, фонтын гэр бүлийнхээ Вэб хуудсан дээрээ үсгийн маягны фонтыг ашиглах болно.
Та хэрэглэж болох хамгийн энгийн фонт-гэр бүлийн хэв маяг нь зөвхөн нэг фонтын гэр бүлийн тоог багтаадаг:
p {font-family: Arial; }Хэрэв та энэ загварыг хуудсан дээр хэрэглэвэл бүх үсэгнүүд "Arial" фонт дээр гарч ирнэ. Энэ бол гайхалтай бөгөөд "Arial" нь "вэб аюулгүй" гэсэн функц юм. Энэ нь ихэнх тохиолдолд (хэрэв бүгд биш бол) компьютер үүнийг суулгасан байх болно гэсэн үг юм. Учир нь таны хуудас хуудасны фонт дээр харагдах болно .
Хэрэв таны сонгосон фонт олдохгүй бол яах вэ? Жишээлбэл, хэрэв та хуудас дээр "вэб аюулгүй фонт" ашигладаггүй бол хэрэглэгчийн төлөөлөгч энэ фонт байхгүй бол юу хийх вэ? Тэд орлуулалт хийдэг.
Энэ нь зарим нэг маш хөгжилтэй хайж олоход хүргэдэг. Миний компьютер нэг удаа "Wingdings" (дэлгэцийн дүрс) дээр миний компьютерийг байрлуулсан хуудсан дээр очсон. Учир нь миний компьютер хөгжүүлэгчийн заасан фонт байхгүй байсан бөгөөд миний хөтөч нь ямар үсгийн фонтоор маш муу сонголт хийсэн бэ солих байдлаар ашиглах. Энэ хуудас миний хувьд бүрэн унших боломжгүй байсан! Энэ нь фонтын стек тоглоход оршино.
Фонт Stack дээр Comma-тай хамт олон олон үсэг бичдэг
"Үсгийн стек" нь таны хуудсыг ашиглахыг хүссэн фонтуудын жагсаалт юм. Та өөрийн фонтыг өөрийн сонголтоор дараалан байрлуулж, тус бүрийг таслалаар тусгаарлана. Хэрвээ хөтөч жагсаалтад орсон анхны фонтын гэр бүл байхгүй бол хоёр дахь, дараа нь гурав дахь удаагаа оролдох болно.
фонт-гэр бүл: Пускиат, Алжир, Broadway;Дээрх жишээн дээр браузер эхлээд "Pussycat" фонтыг, дараа нь "Алжир", дараа нь "Broadway" гэсэн фонт олдсонгүй. Энэ нь таны сонгосон фонтуудын дор хаяж нэгийг ашиглах боломжийг танд олгоно. Энэ бол төгс биш, тиймээс бид илүү их үсэгнийхээ стек дээр нэмэх боломжтой болсон байна (уншина уу!).
Хамгийн сүүлчийн ерөнхий фонтуудыг ашиглах
Тиймээс та фонтуудын жагсаалт бүхий фонтын стекийг үүсгэж болох бөгөөд хөтөч нь хайж олох боломжгүй байна. Хэрэв та хөтөч нь сайн орлуулах сонголтыг сонгосон бол таны хуудсыг унших боломжгүй болгохыг хүсэхгүй байна. Азаар CSS нь бас ийм шийдэлтэй: ерөнхий фонтууд .
Та ердийн фонтоороо үсгийнхээ жагсаалтыг (гэр бүлийн зөвхөн нэг жагсаалт эсвэл вэбийн аюулгүй фонтуудын жагсаалт ч гэсэн) үргэлжлүүлэх ёстой. Таны ашиглаж болох таван зүйл байна:
- курсив
- уран зөгнөл
- monospace
- sans-serif
- serif
Дээрх хоёр жишээ нь:
font-family: Arial, sans-serif; Фонт-гэр бүл: Пускик, Алжир, Broadway, уран зөгнөл;Зарим фонтын гэр бүлийн нэрс нь хоёр эсвэл олон үг байна
Хэрэв та үсгийн фонтыг ашиглахыг хүсэж байгаа бол нэгээс илүү үг байвал давхар ишлэлийн тэмдгээр хүрээлэх хэрэгтэй. Зарим браузер нь фонтын гэр бүлүүдийг үнийн тэмдэглэлгүйгээр уншиж чаддаг бол хоосон зай хуримтлагдах эсвэл үл тоомсорлож болох юм.
font-family: "Times New Roman", serif;Энэ жишээнд та олон үгтэй "Times New Roman" гэсэн фонтыг иш татсан байна. Энэ нь браузерт эдгээр гурван үгс нь тухайн үсгийн нэрний нэг хэсэг бөгөөд гурван өөр фонтыг нэг үгээр нэрлэсэнтэй нь харьцуулах болно.
Женнифер Кэрнин эх нийтлэл. Жерри Герард 12/2/16 дээр зассан