Текстийг гоё харагдуулах нь тухайн веб хуудасны агуулгыг хүмүүс ойлгож унших зэрэг зүйлсэд сайнаар нөлөөлдөг.

• Serif
• Serif фонт нь үсэгнийхээ төгсгөлд хажуу тийшээ гарсан зураастай болохыг анзаарч болно.
• Үүнийг serifs гэдэг байна.
• Уншихад хялбар фонтнууд байдаг.

• Sans-Serif
• Sans-Serif фонт нь үсэгнийхээ төгсгөл шулуун байдаг.
• Тийм учир маш цэвэрхэн харагддаг байна.
• Хэрвээ дэлгэцний текстүүд нь жижиг бол түүнийг энэ фонттой бол уншихад хялбар юм.

• Monospace
• Monospace фонтны үсэг болгон ижил өргөнтэй байдаг.
• Non-monospace фонтнууд нь үсэгний нь ялгаатай байдаг.
• Monospace фонтнууд нь текстүүд нь дагаж явахад амархан бас уншихад хялбар байдаг.

• Weight
• Weight нь текстэнд өөрчлөлт оруулна.
• Үсэгний хоорондох зай болон цагаан зураасанд нөлөөлнө.
• Бас харагдах байдалд нөлөөлдөг байна.

• STYLE
• Italic нь налуу хэлбэртэй болгодог
• Oblique нь энгийн текстийг нуман хэлбэртэй болгодог байна.

• STRETCH
• Condensed хэсэгт үсэгнүүд нь хоорондоо ойрхон бас нарийхан байдаг.
• Expanded хэсэгт үсэгнүүд нь өргөн бас хоорондоо зайтай байдаг байна.

• Веб хуудсандаа Typeface сонгох болсон бол.
• Хамгийн түрүүнд таны компьютер дээр тухайн фонт суусан байсан тохиолдолд л Веб Браузер нь тухайн фонттой текстийг харуулж чаддаг байна.

• Font-Family
• font-family нь тухайн веб хуудасны typeface-ийг юу вэ гэдгийг тодорхойлж өгдөг.
• Энэхүү property-ны утганд ямар фонт ашиглах вэ гэдэг утгаа өгөөд ашиглана.
• Веб хуудсыг тань зочилж байгаа хэрэглэгч таны вебийн фонтыг суулгасан байх ёстой.
• Олон фонтнуудыг оруулахдаа таслалаар салган оруулах боломжтой.
• Дизайнер нь веб хуудсанд 3 фонтноос ихгүй байвал үзэмжтэй харагддаг гэж зөвлөдөг байна.

• Font-size
• PIXELS хэмжээний ард талд px гэж дагуулах бичих бөгөөд нарийн дэлгэцний цэгийг илэрхийлэхэд хэрэглэгддэг.
• PERCENTAGES буюу хувиар илэрхийлдэг. Браузерын үндсэн фонтны хэмжээ 16px байдаг. Жишээ нь: 75%-нь 12px, 200%-нь 32px байх гэх мэт.
• EMS нь m үсэгний өргөнтэй тэнцэнэ.

• @FONT-FACE
• Хэрэглэгчийн компьютер дээр тухайн веб хуудасны фонт байхгүй үед хэрэглэх боломжтой болгодог.
• Хэрэглэгчийн компьютер дээр тэгэхээр энэхүү фонт нь татагдах ёстой юм.
• font-family, src, format гэсэн 3 тохиргоог хийх хэрэгтэй.

• Веб Браузер болгон өөр өөр төрлийн фонт форматуудыг дэмждэг.
• Олон фонт format-уудыг ашиглахад төвөгтэй байдаг болохоор тусгай багаж ашиглах нь зүйтэй.
• https://www.fontsquirrel.com/tools/webfont-generator Font Face Generator веб хуудас
• Дараах дарааллаар фонтуудын форматуудыг оруулах нь зөв юм.
  1. eot
  2. woff
  3. ttf/otf
  4. svg

• normal
• Өргөн нь хэвийн харагдуулах утга.
• bold
• Өргөн текстийг харагдуулах утга.

• normal
• Жирийн фонт байна.
• italic
• Italic буюу налуу фонтыг харуулна.
• oblique
• Ташуу хэлбэртэй фонт

• uppercase
• Текстийг том үсгээр харуулна.
• lowercase
• Текстийг жижиг үсгээр харуулна.
• capitalize
• Үг болгоны эхний үгийг томоор харуулна.

• none
• Тесктийн бүх чимэглэлийг алга болгоно.
• underline
• Текстийг доод хэсэгт шулуун харуулна.
• overline
• Текстийн дээд хэсэгт шулуун харуулна.
• line-through
• Текстийн дундуур шулуун харуулна.
• blink
• Текстийг анивчих хэлбэр оруулна. Гэхдээ их хэрэглэгддэггүй.

• Текстийн мөр хоорондын зайг илэрхийлнэ.
• 

• letter-spacing
• Текстийн үсэг хоорондын зайг илэрхийлнэ.
• word-spacing
• Текстийн үг хоорондын зайг илэрхийлнэ.
• ems ашиглах хэрэгтэй. Энэ нь үндсэн фонтын үндсэн утган дээр нэмэгддэг.

• left
• Текстийг зүүн тал руу байршуулна.
• right
• Текстийг баруун тал руу байршуулна.
• center
• Текстийг төв хэсэгт байршуулна.
• justify
• Paragraph-ийн сүүлчийн мөрөөс бусад бүх мөрүүд агуулж байгаа BOX дотроо өргөнийг бүхлээр нь авахаар байршуулна.

Энэ property нь элементүүдийг img, em, strong зэрэг inline элементүүдтэй ашиглагддаг.

• 

• Элемент доторх текстийн эхний мөрний элементүүдийг өмнө нь зай буюу indent авахад хэрэглэдэг.
• Энэхүү property нь хасах утга бас авч болдог.
• Жишээ нь: -9999px гэж өгөхөд харагдахгүй мэт боловч Browser дотор байсаар байх болно.

• Текстэнд сүүдэр өгөхөд ашиглагддаг.
• offset буюу тухайн текстний ар тал руу сүүдэр унагах боломжийг олгодог.
• Эхний утга нь x-offset буюу X тэнхлэгийн дагуух pixel-ийг заана. Баруун зүүн тал руу сүүдэртэй эсэх. Хэрвээ эерэг утгатай бол баруун талаас, сөрөг утгатай бол зүүн талдаа сүүдэртэй гэсэн үг.
• 2-р утга нь y-offset буюу Y тэнхлэгийн дагуух pixel-ийг заана. Хэрвээ эерэг утгатай бол дээрээс сүүдэртэй, сөрөг утгатай бол доод талаас сүүдэртэй гэсэн үг юм.
• 3-р утга нь shadow буюу хэр урт сүүдэр болох pixel-ийг заана.
• 4-р утга нь color буюу сүүдэрний өнгийг заана.

• Элементийн эхний үсэг болон эхний мөрийг заадаг.
• pseudo-element буюу property биш юм. Гэхдээ тодорхой нэг утгыг илэрхийлж чаддаг.
• Тухайн selector-ийн ард талд тодорхойлдог байна.

• Link-ийг браузерууд цэнхэр өнгөтэй бас доогуур нь зураастай харуулдаг.
• :link pseudo-class-аар тухайн линк дээр дараагүй байгаа үеийг илэрхийлдэг.
• :visited pseudo-class-аар тухайн линк дээр дараад линк дээр зочилсон байгаа үеийг илэрхийлдэг.

• Дараах pseudo-class нь хэрэглэгчийн хулганы оролцоотойгоор хийгдэх үйлдлээ харуулдаг.
• :hover pseudo-class хэрэглэгч хулганаараа тухайн текст дээгүүр аваачих үед хийгдэнэ.
• :active pseudo-class-аар тухайн хэрэглэгч элементийг идэвхижүүлэхэд буюу линк дээр дарах эсвэл товчин дээр дарсан үед хэрэглэгддэг.
• :focus pseudo-class-аар хэрвээ хэрэглэгч түүнийг идэвхжүүлэх боломжтой бол үүнийг хэрэглэдэг байна.