Фонт Аттрибутуудыг өөрчлөх CSS ашиглан суралцах
Фонт ба CSS
CSS нь таны веб хуудсанд фонтуудыг тохируулах хамгийн үр дүнтэй арга юм. Та фонтын гэр бүл , хэмжээ, өнгө, жин болон бусад хэвлэмэл хэсгүүдийг хянах боломжтой.
CSS доторх фонтын шинжүүд нь таны хуудсыг илүү өвөрмөц, өвөрмөц болгоход хамгийн нийтлэг аргуудын нэг юм. CSS текстийн фонтоор таны текстийн өнгө, хэмжээ, нүүрийг (фонт нь өөрөө) өөрчлөхөд хялбар байдаг.
- өнгө
- фонт-гэр бүл
- үсгийн хэмжээ
Фонт гурван хэсгээс бүрдэнэ:
- өнгө
- Энэ нь дэлгэц дээрх фонтын дэлгэцийн өнгө харагдах болно.
- хэмжээ
- Энэ нь дэлгэц дээр үсгийн том, жижиг хэмжээтэй байх болно.
- нүүр царай
- Энэ бол фонтын гэр бүл юм.
Фонт өнгө
Текстийн өнгөийг өөрчлөхийн тулд CSS өнгөт стекийг ашиглах хэрэгтэй. Та өнгөт эсвэл арван зураасан кодыг ашиглаж болно. Вэб дээр бүх өнгө адил хөтөчийн аюулгүй өнгө хэрэглэх нь хамгийн сайн арга юм.
Вэбсайтуудад дараах загваруудыг туршиж үзнэ үү:
Энэ фонт улаан өнгөтэй байна
Энэ фонт цэнхэр өнгөтэй байна
Фонт Sizes
Вэб дээр фонтын хэмжээг тохируулахдаа харьцангуй хэмжээгээр тохируулах эсвэл пиксел, сантиметр эсвэл инч ашиглана. Гэсэн хэдий ч, илүү нарийн фонтыг веб хуудсанд бус харин хэвлэхэд ашиглагдах ёстой бөгөөд таны вэбсайтыг үздэг хүн бүр өөр өөр тогтоол, мониторны хэмжээ, эсвэл фонтын үндсэн тохиргоотой байж болно. Тиймээс, хэрэв та 15px-г өөрийн стандарт хэмжээгээр сонговол таны үсгийн хэмжээ том эсвэл жижиг таны хэрэглэгчдэд хэрхэн харагдахыг харахад тааламжгүй байж магадгүй.
Би үсэгний хэмжээгээр ятгахдаа ашиглахыг санал болгож байна . Эмсүүд таны хуудсыг хэн үзэж байгааг нь үл харгалзан үзэх боломжтой бөгөөд ems нь дэлгэцийн рэндэрлэхэд зориулагдсан. Пикселээ оруулаад, хэвлэх рекордыг орхи. Фонтын хэмжээг өөрчлөхийн тулд дараахь загварыг өөрийн вэб хуудсанд байрлуулна уу:
Энэ үсгийн хэмжээ 1em байна
Энэ фонт нь .75em
Энэ фонт нь 1.25em байна
Нүүр царай
Таны үсгийн нүүр царай нь "фонт" гэж бодох үедээ олон хүмүүс боддог. Та хүссэн фонтыг дуртайяа мэдэж болно, гэхдээ хэрэв уншигч таны үсгийн фонтыг суулгаагүй бол таарч олохыг оролдох болно. Учир нь энэ хуудас нь таны хүссэнээр харагдах болно.
Энэ асуудлыг шийдэхийн тулд та браузерыг давуу талыг ашиглахын тулд нүүрний нэрсийн жагсаалтыг бичиж өгч болно. Эдгээрийг фонтын стек гэж нэрлэдэг. PC дээр (Arial гэх мэт) стандарт фонт Macintosh дээр стандарт байж болохгүй гэдгийг санаарай. Тиймээс та өөрийн хуудсыг хамгийн бага суулгасан машин (хамгийн тохиромжтой хоёр тавцан дээр) өөрийн хуудсуудыг хамгийн бага үсгийн маягтай байсан ч гэсэн таны хуудас харагдах эсэхийг шалгах хэрэгтэй.
Миний дуртай фонтын багцуудын нэг бол Энэ багц нь sans-serif фонт цуглуулга бөгөөд geneva болон arial нь маш адилхан харагдахгүй байгаа бөгөөд эдгээр нь Macintosh болон Windows компьютер дээр нэлээн стандарт байдаг. Үйлчлүүлэгчдэд зориулсан helvetica болон helv-г Unix эсвэл Linux гэх мэт үйлдлийн системүүд дээр хүчирхэг фонт сан байхгүй байж болох юм.
Энэ үсгийн маяг нь sans-serif юм
Энэ фонт нь serif байна