Та хуучин вэбсайтыг хараад HTML дотроо ер бусын тагийг харсан уу? Олон жилийн өмнө вэб дизайнерууд HTML-ийн вэбсайтын фонтуудыг өөрийнх нь HTML дотроо тохируулах байсан боловч бүтэц (HTML) болон хэв маяг (CSS) -ын тусгаарлалт энэ хугацаанаас өмнө устсан байна.
Өнөөдөр вэб дизайн хийхэд хаяг нь хуучирсан байна. Энэ нь хаяг нь HTML тодорхойлолтуудын хэсэг байхаа больсон гэсэн үг юм. Зарим хөтөч нь хуучирсаны дараа энэ тагийг дэмжсэн хэвээр байгаа боловч HTML5-д дэмжигдэхгүй болсон бөгөөд энэ нь хэлний хамгийн сүүлчийн давталт юм. Энэ нь таны HTML баримт бичигт харагдахгүй байх ёстой гэсэн үг юм.
Фонтын шошгоны хувилбар
Хэрвээ та текстийн фонтыг HTML хуудсанд текстийн фонтыг тохируулах боломжгүй бол та яах ёстой вэ? Cascading style sheets (CSS) нь өнөөгийн вэбсайтууд дээр үсгийн хэв маягийг (харагдах бүх загвар) хэрхэн тохируулахыг хэлнэ. CSS нь tag хийж болох бүх зүйлсийг бас хийж чадна. Бидний HTML хуудсанд тохируулга хийхэд юу хийснийг авч үзье. (Энэ нь цаашид үргэлжлүүлэн дэмжигддэггүй, тиймээс энэ сонголт биш), CSS-ээр хэрхэн яаж хийхийг харьцуулах хэрэгтэй.
Фонт гэр бүлийг өөрчлөх
Фонт нүүр нь фонтын нүүр эсвэл гэр бүл юм. Фонтын тагны тусламжтайгаар та нүүр царайны шинж чанарыг ашиглах бөгөөд текстийн хэсэг бүрд тус тусын фонтыг олон удаа олон удаа баримтжуулах хэрэгтэй. Хэрэв та тэр үсгийн маягтыг өөрчлөх шаардлагатай байсан бол эдгээр хувийн тэмдэг бүрийг өөрчлөх шаардлагатай болно. Жишээлбэл:
Энэ үсгийн маяг нь sans-serif биш юм"Нүүр" үсгийн оронд CSS-д үүнийг "гэр бүлийн" фонт гэж нэрлэдэг. Та фонтыг тохируулах CSS загварыг бичих болно. Жишээлбэл, та бүх хуудсыг Гардант руу байрлуулахыг хүсвэл, иймэрхүү харагдах загварыг дараах байдлаар нэмэж болно:
body {font-family: Garamond, Times, serif; }Энэ CSS загвар нь Garamond-ийн фонтын гэр бүлийн вэб хуудсан дээрх бүх зүйлийг хэрэглэх болно. Учир нь баримт дахь бүх элемент нь
Фонтын өнгөийг өөрчлөх
Нүүр царайтай адил та "өнгө" атрибут, ексик код, өнгөт нэрийг текстийнхээ өнгийг өөрчлөхийн тулд хэрэглэдэг. Хэдэн жилийн өмнө та үүнийг толгойн хаяг гэх мэт текст элементүүдийг тус тусад нь тохируулах болно.
Энэ фонт ягаан байнаӨнөөдөр та CSS-ийн мөр бичих болно.
Энэ нь маш уян хатан юм. Хэрэв та өөрчлөх шаардлагатай байсан бол
Таны сайтын хуудас бүрт CSS файлд нэг өөрчлөлтийг хийж болох бөгөөд энэ файлыг ашигласан хуудсыг шинэчлэх болно.
Хуучин нь
Вэб дизайныг дүрслэн харуулах CSS ашиглах нь олон жилийн турш вэб дизайнерын стандарт байсан бөгөөд хэрвээ та тухайн хуудсыг хэвээр хадгалж байгаа хуудсыг үнэхээр үзэж байгаа бол энэ нь маш хуучин хуудас бөгөөд одоогийн вебсайттай нийцэхийн тулд дахин боловсруулсан байх хэрэгтэй шилдэг туршлагын дизайн, орчин үеийн вэб стандартууд.
Жереми Герард засварт хийсэн