CSS доторх ердийн фонтын гэр бүлүүд юу вэ?

Вэбсайтдаа ашиглахад зориулсан ерөнхий үсгийн ангилал

Вэбсайтаа зохиохдоо таны ажиллах хуудасны гол элементүүдийн нэг нь текст агууламж юм. Ийм учраас, та вэб хуудас үүсгэх, CSS-ээр загварчлахад энэ тал дээр ихээхэн хүчин чармайлт нь сайтын зураглал дээр төвлөрнө.

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

Фонт-стек

Вэб хуудсан дээр ашиглах фонтыг зааж өгөх үед таны фонтыг олох боломжгүй тохиолдолд унах тохируулгуудыг оруулаарай. Эдгээр буцах сонголтуудыг "фонтын стек" дотор үзүүлэв. Хэрвээ хөтөч нь стек дээр бичигдсэн эхний үсэг олох боломжгүй бол дараагийнх руу шилжинэ. Энэ нь энэ үйл явцыг ашиглаж болох фонтыг олох хүртэл үргэлжилж, эсвэл сонголтоос гардаг (энэ тохиолдолд зөвхөн хүссэн системийнхээ фонтыг сонгоно). "Body" элементэд хэрэглэх үед CSS-д үсгийн стек хэрхэн харагдах жишээ энд байна:

body {font-family: Georgia, "Times New Roman", serif; }

Бид эхлээд Гүржийн фонтыг зааж өгнө үү. Анхдагч байдлаар, энэ нь хуудас ашиглах болно, гэхдээ энэ фонт ямар нэгэн шалтгаанаар боломжгүй бол хуудас нь Times New Roman руу унах болно. Бид тэр фонтын нэрийг давхар хашилтанд бичиж өгдөг. Жоржи, Ариал мэтийн ганц үсгээр бичсэн үсгийн нэр нь эшлэлийг шаарддаггүй боловч олон үсгээр бичсэн фонтын нэр нь тэдгээрийг бүхэлд нь фонтоороо нэрлэдгийг мэддэг.

Хэрэв та үсгийн стекийн төгсгөлийг харвал "serif" гэсэн үгсээр дуусгавар болно. Энэ бол ерөнхий фонтын гэр бүлийн нэр юм. Грейг, эсвэл Times New Roman-тэй компьютергүй хүн байхгүй бол энэ сайт нь ямар ч сериф фонт олох боломжтой. Энэ нь вэбсайтын ерөнхий дүр төрх, аяыг аль болох бүрэн байлгахын тулд ямар төрлийн фонт хэрэглэхийг хэлж өгөхийн тулд сайтыг хүссэн ямар ч үсгийн маягаар буцааж өгөх нь зүйтэй. Тиймээ, хөтөч нь танд зориулж үсгийн маяг сонгох болно, гэхдээ наад зах нь та удирдамжаар хангаж, дизайн дотроо ямар төрлийн фонт ажиллах нь мэддэг.

Гэр бүлийн ерөнхий фонт

CSS-ийн ерөнхий үсгийн нэр нь:

Вэб дизайн болон хэвлэмэл хэлбэрээр олон төрлийн фонтууд байдаг бөгөөд үүнд хавтан-serif, харалийн тэмдэглэгээ, дэлгэц, град гэх мэт олон тооны фонтууд байдаг боловч эдгээр фонтууд дээр жагсаагдсан 5 ерөнхий үсгийн нэрс нь CSS-ийн үсгийн стек дээр ашиглах болно. Эдгээр фонтуудын ангиллуудын ялгаа нь юу вэ? Харцгаая!

Cursive фонтууд нь ихэвчлэн гоёмсог гараар бичсэн текстийг дууриах зорилгоор нимгэн, гоёмсог үсэг хэлбэртэй байдаг. Эдгээр үсгийн маягууд нь нимгэн, үр дүнтэй үсэгнүүд учраас биеийн хуулбар шиг их хэмжээний блокийн агуулгад тохиромжгүй байдаг. Cursive фонтууд нь ихэвчлэн гарчиг, богино хэмжээний текстийн хэрэгцээнд хэрэглэгддэг бөгөөд том үсгийн хэмжээгээр харуулах боломжтой байдаг.

Уран зөгнөлийн фонтууд нь өөр ямар ч ангилалд ороогүй зарим фонтууд юм. Харри Поттероос эсвэл Ирээдүй рүү буцах кинонууд гэх мэт сайн мэддэг лого хуулбарлах фонт энэ ангилалд багтах болно. Дахин хэлэхэд, эдгээр фонтууд нь фонтууд дээр бичигдсэн текстийн урт хэсгийг уншуулах нь их хэцүү байдаг тул ихэнхдээ иймэрхүү хэлбэрийн фонтууд нь биеийн контентт тохирохгүй юм.

Monospace үсгийн фонтууд нь бүх үсэгнүүд адилхан хэмжээтэй бөгөөд хуучин бичгийн машин дээрээс олдсон шигээ юм. Бусад хэмжээтэй үсгийн фонтуудаас ялгаатай өргөнтэй фонтуудаас ялгаатай нь (жишээлбэл, "W" капитал нь жижиг "i" гэхээсээ илүү их зай эзэлнэ), monospace фонт нь бүх тэмдэгтүүдийн хувьд тогтмол өргөнтэй байдаг. Эдгээр хуудсууд нь код дээр гарч ирэх үед тэдгээр хуудсан дээрх бусад текстээс ялгаатай харагддаг тул эдгээр фонтуудыг ихэвчлэн ашигладаг.

Serif фонтууд нь илүү алдартай ангилалуудын нэг юм. Эдгээр нь үсгийн маягууд дээр бага зэрэг нэмэлт үсэгтэй фонтууд юм. Эдгээр нэмэлт хэсгүүдийг "serifs" гэж нэрлэдэг. Нийтлэг serif фонтууд нь Гүрж, Times New Roman юм. Сериф фонтыг текст болон биеийн хуулбарыг уртаар нь дамжуулах зэрэг том текстийг ашиглаж болно.

Sans-serif бол бидний сүүлчийн ангиллын эцсийн ангилал юм. Эдгээр нь дээр дурдсан бат бэхгүй фонтууд юм. Нэр нь "serifs" гэсэн утгатай. Энэ ангиллын алдартай фонт Arial эсвэл Helvetica болно. Serifs-тай адил sans-serif фонтууд нь гарчиг болон биеийн агуулгад адилхан ашиглагдаж болно.

Женнифер Кэрнин эх нийтлэл. 10/16/17 дээр Жереми Герард засварлав