Вэбсайтууд дээр дуртай олон зураг хайж байдаг ч хайлтын системд татагдан орж, ихэнх сайтуудын агуулгыг үргэлжлүүлдэг бичмэл үг юм. Иймээс хэвлэлийн дизайн нь вэбсайтын дизайны маш чухал хэсэг юм. Сайтын текстийн ач холбогдлыг харахад энэ нь сайн харагдаж, уншихад хялбар байх хэрэгтэй. Энэ нь CSS (Cascading Style Sheets) загвараар хийгддэг.
Орчин үеийн веб дизайныг дагаж мөрдөж байгаарай, вэбсайтын текстийн агуулгыг харуулахыг хүсч байвал CSS-г ашиглана. Энэ нь CSS-ийн хэв маягийг хуудасны HTML бүтцээс салгадаг. Жишээ нь хэрэв та "Arial" хуудасны үсгийн фонтыг тохируулахыг хүсвэл доор дурдсан загварын дүрмийг таны CSS дээр нэмж бичээрэй (тэмдэглэгээ - энэ нь хэв маягтай вэбсайт дээрх хуудас бүрийн хувьд):
body {font-family: Arial; }Энэ фонт нь "биеийн" хувьд тохируулагдсан тул CSS каскон нь хэв маягийг хуудасны бусад бүх элементэд ашиглах болно. Энэ нь бусад бүх HTML элемент нь "биеийн" элементийн хүүхэд, үсгийн гэр бүл шиг CSS загвар, эсвэл өнгө нь эцэг эхээс хүүхдийн элемент нь бүдгэрүүлдэг. Энэ нь тухайн элементийн хувьд илүү тодорхой хэв маягийг нэмж өгөөгүй болно. Энэ CSS-д байгаа ганц асуудал бол зөвхөн нэг фонт тодорхойлогдсон байдаг. Хэрвээ тухайн үсгийн маяг нь ямар нэг шалтгааны улмаас олдохгүй бол хөтөч нь өөр байрандаа орлуулах болно. Энэ нь танд ямар фонт дээр хяналт тавьдаггүй учир энэ нь муу байна. Браузер таны хувьд сонгох болно, мөн ашиглахаар шийдсэн зүйл танд таалагдахгүй байж магадгүй юм! Энд үсгийн стек орж ирдэг.
Фонт стек бол CSS фонтын гэр бүлийн мэдүүлгийн фонтуудын жагсаалт юм. Фонтууд нь фонтыг ачаалахгүй фонтод асуудал үүссэн тохиолдолд сайтад үзүүлж буй таашаалын дарааллаар жагсаадаг. Фонт стек нь компьютерт анхны үсгээ оруулаагүй байсан ч веб хуудсан дээрх фонтуудын харагдах байдлыг хянахыг зөвшөөрдөг.
Тэгэхээр үсгийн стек хэрхэн харагдах вэ? Жишээ нь:
body {font-family: Georgia, "Times New Roman", serif; }Энд анзаарах цөөн зүйл байна.
Эхлээд бид янз бүрийн фонтын нэрийг таслалаар тусгаарлаж байгааг харах болно. Та тус бүрийг хооронд нь таслалаар тусгаарлаж болох хэд хэдэн фонтуудыг нэмж болно. Хөтөч эхлээд эхний фонтыг зааж өгөх болно. Хэрэв энэ нь амжилтгүй болбол үсэг бүрийг ашиглах боломжтойг олох хүртэл мөрийг дарах болно. Энэ жишээнд бид вэбсайттай аюулгүй фонт хэрэглэж байгаа бөгөөд "Жоржиа" сайт дээр зочилсон хүний компьютер дээрээс олдох магадлалтай (тэмдэглэгээ - вэб хөтөч дээр заасан фонтууд дээр таны компьютерт харагдах болно). таны системээс ачаалах фонтууд). Хэрвээ фонт олдоогүй байсан шалтгаанаар стекийг доош нь шилжүүлж дараагийн фонтыг оруулаарай.
Дараагийн үсгийн маягтын хувьд энэ нь стек дээр хэрхэн бичигдсэнийг хараарай. "Times New Roman" хэмээх нэр нь давхар хашилтаар бүрхэгдсэн байдаг. Учир нь үсгийн нэр олон үгтэй байдаг. Ямар нэг фонтууд нь нэгээс олон үгтэй (Trebuchet MS, Courier New, гэх мэт) нэртэй байх ёстой. Энэ хөтөч нь бүх үсгүүд нь нэг фонтын нэг хэсэг гэдгийг мэддэг байхын тулд хос quotes гэсэн нэртэй байх ёстой.
Эцэст нь, бид фонтын стекийг "serif" хэлбэрээр төгсгөнө. Таны стек дээр нэрлэгдсэн фонтуудын аль нь ч байхгүй гэсэн магадлал багатай тохиолдолд хөтөч нь таны сонгосон зөв ангилалд багтах хамгийн бага фонтыг олох болно. Жишээ нь Arial and Verdana шиг sans-serif фонтууд хэрэглэдэг бол "sans-serif" ангиллын фонт стекийг дуусгахаас илүүтэйгээр ачаалал бүхий асуудал байвал тухайн гэр бүлийн фонтыг хадгалах болно. Вэб хөтөч стекийн аль нэг фонтыг олж чадахгүй бөгөөд энэ ерөнхий ангиллыг ашиглах нь маш ховор байх ёстой. Мэдээж энэ нь зөвхөн аюулгүй байхын тулд л үүнийг оруулах шилдэг арга юм.
Фонт ба фонтууд
Өнөөдөр олон вэбсайтад вэб хуудсуудыг бусад эх үүсвэрүүдийн хамт (сайтын зураг, Javascript файл гэх мэт) эсвэл Google Fonts эсвэл Typekit зэрэг гаднах фонтоор холбосон вэб фонтыг ашигладаг. Эдгээр фонтууд нь файлуудтай холбогдож байх үед эдгээр фонтуудыг ачаалах хэрэгтэй. Та үсгийн стекийг ашиглахыг хүсэж байгаа тул ямар нэг асуудал гарахад хяналт тавих боломжтой болно. Үүнтэй ижил зүйл нь хэн нэгний компьютер дээр байх ёстой "вэб аюулгүй" үсгийн маягтаар явагддаг (Arial, Verdana, Гүрж, Times New Roman зэрэг бидний үсгэн бичсэн үсгүүд нь бүх вэб аюулгүй фонтууд байх ёстой гэдгийг анхаарна уу хүний компьютер дээр). Хэдийгээр үсгийн алдагдлын магадлал маш бага боловч фонтын стекийг тодорхойлсон нь сайтын байршлын дизайныг аль болох их байлгахад туслах болно.
Женнифер Кэрнин эх нийтлэл. 8/9/17 дээр Жереми Герард засварлав