Типографийн тухай хуучин нийтлэлийг зассан, үүнийг үзээгүй хүмүүст энэ нь хянаж үзэхэд хэрэг болно

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

Тиймээс энэ нийтлэлийг хэвлэлийн далайд төөрсөн хүмүүст зориулав. Бид хэвлэмэл зүйн үндэс, фонт гэж юу болох, фонтын бүтцийн талаар ярих болно.

Үсгийн болон үсгийн хэлбэрүүд - Ялгаа нь юу вэ?

Олон хүмүүс фонт, үсгийн хэлбэр гэдэг үгийг сольж хэрэглэдэг. Үнэндээ эдгээр нь ижил зүйл биш, одоо би яагаад гэдгийг тайлбарлах болно.

Чихэвчбичих/хэвлэх боломжтой хэв маягийн хувьд ижил төстэй тэмдэгтүүдийн багц юм. Эдгээр нь тоо, үсэг, тэмдэг юм. Фонт- Энэ бол хэмжээ, хэв маяг гэх мэт хэд хэдэн хүчин зүйлээр тодорхойлогддог илүү нарийхан ойлголт юм. Үндсэндээ Arial нь үсгийн хэлбэр, Arial Bold нь үсгийн хэлбэр юм.

Ангилал

Фонтуудыг хэд хэдэн бүлэгт хувааж болно - serif (serif), sans-serif (sans-serif), гараар бичсэн (скрипт), дэлгэц (дэлгэц). Гэсэн хэдий ч өөр төрлийн ангилал байдаг.

Serif фонтууд, Antiqua (Serif)

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

Serif фонт нь хэд хэдэн дэд төрлүүдтэй байдаг - жишээлбэл, хуучин хэв маяг (« хуучин хэв маяг"- тэднийг бас хүмүүнлэг гэж нэрлэдэг, хүмүүнлэг эртний) - энэ ангиллын хамгийн анхны фонтууд нь 1400-аад оны үед аль хэдийн ашиглагдаж байсан. Тэд ялгах онцлог- өнцгөөр байрлах тэмдгийн хэсгийг нимгэн болгосон. Үсгийн жишээ бол Adobe Jenson, Centaur, Goudy Old Style юм.

Шилжилтийн сериф (шилжилтийн сериф)- 1700-аад онд хэрэглэж байсан. Үүнд Times New Roman, Baskerville, Caslon, Georgia, Bookman зэрэг фонтууд орно. Тэдгээрийн тусламжтайгаар үсгийн зузаан ба нимгэн хэсгүүдийн хоорондох ялгаа нь Хуучин хэв маягтай харьцуулахад илүү мэдэгдэхүйц боловч орчин үеийнхээс бага ажиглагддаг.

Орчин үеийн сериф (Шинэ загварын эртний)- 1700-аад оноос хойш аль хэдийн ашиглагдаж байсан бөгөөд дүрүүдийн зузаан, нимгэн хэсгүүдийн хооронд хүчтэй ялгаа бий. Үүнд Didot, Bodoni зэрэг фонтууд орно

Мөн эцэст нь , Slab serifs (Slab фонтууд)- ерөнхийдөө бүх шугамын зузаан ижил, төгсгөлд нь том серифтэй байна

Ирсэн фонтууд, Grotesques (Sans Serif)

Сериф фонтууд нь серифгүй учраас ийм нэртэй болсон.) Тэд илүү орчин үеийн харагддаг, үүнээс гадна 18-р зуунд ашиглагдаж эхэлсэн.

Энд 4 үндсэн төрлийн sans-serif фонт байна. Гротеск (Хуучин Гротеск), Неогротеск (Шинэ гротеск), Гуманист (Хүмүүнлэг), Геометр (Геометр).
Хуучин гротескүүд- хамгийн эхнийх нь тэд сериф фонттой төстэй боловч серифгүй.
Жишээлбэл, Франклин Готик, Акзидензе

Шинэ гротескүүдхуучин гротесктэй харьцуулахад хялбаршуулсан дүр төрхтэй. Өнөөдөр хамгийн алдартай үсгийн хэлбэрүүдийн ихэнх нь MS Sans Serif, Arial, Helvetica, Univers зэрэг шинэ sans serifs юм.

Гуманистууд- бусад бүх sans serif фонтуудаас илүү уран бичлэгтэй (өөрөөр хэлбэл тэдгээр нь шугамын зузааныг өөрчилдөг). Үүнд, жишээлбэл, Гилл Санс, Фрутигер, Тахома, Вердана, Оптима, Люсид Гранде зэрэг багтана - тэдгээрийг ихэвчлэн сайтын биеийг дүүргэхэд ашигладаг.

Геометрердийн тоон дээр үндэслэн, жишээлбэл, "O" нь тойрог гэх мэт; нь хамгийн орчин үеийн sans-serif фонтууд гэж тооцогддог. Жишээ нь ITC Avant Garde Gothic, Erbar Grotesk, Eurostile, Futura, Kabel, Metro, Neuzeit Grotesk, Rodchenko, Spartan.

Гараар бичсэн (скрипт)

Гараар бичсэн фонтууд гар бичмэл дээр суурилдаг. Ийм үсгийн хоёр төрөл байдаг - албан ёсны (албан ёсны) болон Kezhl (санал). Албан ёсоор гараар бичсэн мэт 17-18-р зуунаас гаралтай. Зарим үсгийн хэв маягийг Жорж Снелл, Жорж Бикхэм зэрэг алдартай мастерууд дээр үндэслэсэн байдаг. Орчин үеийн фонтуудын жишээ болгон Kuenstler Script-г авч үзье. Сайхан, дэгжин, хуудасны үндсэн текстэд тохирохгүй байна.

Kezhl фонтууд нь илүү орчин үеийн хувилбар бөгөөд 20-р зуунд үүссэн. Энэ нь албан ёсны бус, ихэвчлэн тод зураастай, сойзоор цохих нөлөөтэй байдаг. Эдгээр фонтуудад Mistral болон Brush Script орно.

Дэлгэцийн фонтууд (Дэлгэц)

Дэлгэцийн ангилалд ерөнхийдөө текст бичихэд тохиромжгүй фонтууд орно. Ихэнхдээ тэд өргөлт болж үйлчилдэг. Тэдгээрийг ихэвчлэн хэвлэх үйлдвэрт ашигладаг боловч интернетийн хуудсан дээр гарч эхэлж байна. Дэлгэцүүдийн дунд та хар үсгийг олж болно - анхны хэвлэх машинуудын анхны фонт.

Цагаан толгойн үсгийн бус фонтууд (Dingbats)

Цагаан толгойн үсгийн бус фонтууд- эдгээр нь үсэг огт агуулаагүй, харин тэмдэг, гоёл чимэглэл агуулсан фонтууд юм.

Пропорциональ сүсэг Monospace

Пропорциональ үсгийн фонт дээр тэмдэгт нь байгалийн зөв бичихэд шаардагдах хэмжээний зай эзэлнэ. Жишээлбэл, Times New Roman бол пропорциональ фонт юм. Гэхдээ monospace фонтуудад бүх тэмдэгтүүд ижил өргөнтэй байдаг. Эдгээр фонтуудад жишээлбэл Courier New орно

Сэтгэлийн байдал

Фонтын төлөв байдал нь тухайн нөхцөл байдалд үүнийг ашиглах нь зүйтэй эсэхэд ихээхэн нөлөөлдөг. Ихэнхдээ тодосгогчийг бас ашигладаг - бизнесийн хэв маягийг албан бус, хөнгөн, драматиктай хослуулдаг. Жишээлбэл, Times New Roman бол хатуу фонт бөгөөд энэ төрөлд ихэвчлэн ашиглагддаг бизнесийн захидал харилцаа. Жишээлбэл, Helvetica нь эргэн тойрныхоо фонтуудаас хамааран сэтгэл санаагаа өөрчилдөг.

Зузаан ба хэв маяг

Фонтын зузаан нь: хөнгөн, нимгэн, ердийн, дунд, тод, хүнд, хар.

Үсгийн гурван хэв маяг байдаг - налуу, ташуу, жижиг толгой. Гарчиг бичихэд ихэвчлэн жижиг толгойг ашигладаг.

Налуу ба ташуу нь өөр өөр хэв маягтай хэдий ч сольж болно. Ташуу нь ердийн фонтуудын налуу хувилбар юм. Үүнийг авахын тулд Photoshop програмын Free Transform-distort функцийг ашигла. Гэхдээ налуу нь аль хэдийн тусдаа тэмдэгтийн багц бөгөөд үсгийн ташуу хувилбарыг хариуцдаг.

Фонтын бүтэц

Тэмдэгт бүр нь бусад фонтуудтай хэрхэн хослуулж байгааг тодорхойлоход ашиглаж болох тодорхой шинж чанаруудтай байдаг. Энд гол нь:

Үсгийн шугам (суурь)- текст байрлах төсөөллийн шугам. Заримдаа бөөрөнхий фонтууд бичвэрийн шугамаас бага зэрэг ухардаг.

Жижиг үсэг (дунд шугам)ихэвчлэн "x"-ийн өндрөөр тодорхойлогддог ихэнх жижиг үсгийн өндрийг илэрхийлдэг. Эндээс x-өндөр гэдэг ойлголт гарч ирсэн.

Том үсгийн дээд мөр (Том)- өндөр том үсэг"ГЭХДЭЭ".

Дээрх зураг нь бүх үсгийн гурван нийтлэг хэсгийг харуулж байна.

Үндсэн цус харвалт, Штамб (Иш)- тэмдэгт бүрийн гол босоо, түүний дотор ташуу.

Хөндлөвч (бар)- үсгийн хэвтээ хэсэг

Зууван (аяга)- үсгийн бөөрөнхий хэсэг.

Дээд удирдлага (Өгсөх)- "d", "h", "b" зэрэг үсгийн хэсгийг наах.

Descender- "p", "q", "f" зэрэг үсгийн зарим хэсгийг доош буулгах

серифүүд- serif үсгийн өвөрмөц онцлог). Зарим үсгийн фонт нь илүү тод харагддаг бол заримд нь арай бага байдаг.

Апертур- "A", "c" эсвэл "m" зэрэг нээлттэй тэмдэгтүүдийн цоорхойг илэрхийлнэ.

Чихэнэ нь дээрх жишээн дээрх "g" шиг тэмдэгтийн гоёл чимэглэлийн нэмэлт юм.

Холбох цус харвалт (үсний шугам)Энэ нь сериф үсгийн хамгийн нимгэн хэсэг юм.

Хөндлөвч- хэвтээ шугам, жишээлбэл, "A" ба "H" тэмдэгтүүд шиг.

Унах (Терминал)- үсгийн зарим тэмдэгтийг зурж дуусгах дугуй эсвэл зууван (дусал хэлбэртэй) цус харвалт.

ГогцооЗөвхөн зарим жижиг "g" үсгүүдэд тохиолддог бөгөөд бүрэн хаалттай эсвэл хэсэгчлэн хаалттай байж болно.

Spike (Spur)- зарим үсэг, жишээлбэл, "G" дээр жижиг ховил.

Хавсралт (холбоос)"g" үсгийн дээд ба доод хэсгийг холбодог.

Буцах- "s" үсэгтэй төв муруй.

Захидлын сүүл (сүүл)- гоёл чимэглэлийн шугам, жишээлбэл, "R" эсвэл "Q" үсэг дээр.

Төгсгөлийн элемент (Терминал, Эцсийн)- sans-serif stroke ending

Мөр- үндсэн цохилтоос салсан бөөрөнхий шугам. (Үнэнийг хэлэхэд, Оросын олон сайтууд дээр тэд энэ ойлголтын талаар огт өөр тодорхойлолт өгдөг.)

Загварын хамгийн нийтлэг бэрхшээлүүдийн нэг бол .

Энэ нийтлэлд бид сайн хэвлэх хэд хэдэн зарчмуудыг авч үзэх бөгөөд олон нийтлэг алдаанаас хэрхэн зайлсхийх талаар зөвлөгөө өгөх болно.

Энэ нийтлэл нь хэвлэх урлаг эсвэл хэвлэх урлагийн тухай ном биш бөгөөд энэ нь "загварынхаа хэв маягийн суурийг сайжруулах хурдан зөвлөмж"-тэй адил юм.

Дүрэм 1: Цөөн фонтууд тусмаа сайн

Дизайнеруудын гаргадаг хамгийн том алдаа бол хэт их хэрэглээ юм их тоофонт ба/эсвэл тэдгээрийн хэв маяг. Тэднийг хоёр, гурав хүртэл байлгахыг хичээ. Өөрөөр хэлбэл, үндсэн текст нь ижил фонт, хэмжээтэй байх ёстой.

Гарчигнаас нэгийг нь сонгоод үүнтэй хамт байгаарай. Фонтууд нь бие биенээсээ эрс ялгаатай бол бүү ай. Дизайндаа маш төстэй хоёр фонт ашиглах үед уншигч таныг зүгээр л алдаа гаргаж, бичихдээ санамсаргүй байдлаар буруу фонт сонгосон гэж бодож магадгүй.

Өнгө, нягтрал гэх мэт нэгдмэл байдлыг анхаарч үзээрэй. эсвэл таны бичвэр хуудасны бүх хэсэгт согтуу ялаа тараагдсан мэт харагдах болно.

Дүрэм 2

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

Дүрэм 3. Зөв тэгшлэх

Бүх зүйлийг голчлон бүү төвлөрүүл (энэ нь тусгай дизайны алхам биш бол). Сүлжээ ашиглах талаар бодож үзээрэй. Эцсийн эцэст, хуудсан дээрх бүх зүйл хоорондоо холбоотой байдаг. Хөтөч ашиглах, тэдгээрийн дагуу объектуудыг байрлуулах. Хаана байрлуулахаа шийдэж чадахгүй байгаа юм шиг хуудасны булангуудад объектуудыг тарааж болохгүй.

Дүрэм 4. Чимэглэлийн фонтууд бага

Та гоё гоёл чимэглэлийн фонттой юу? Гайхалтай! Гэхдээ энэ нь тэдгээрийг догол мөрний текстэнд ашиглах шаардлагатай гэсэн үг биш юм. Чимэглэлийн фонтуудын ард ихэнхдээ түүх байдаг эсвэл тэдгээрийг тодорхой тохиолдолд, жишээлбэл, гарчиг эсвэл гарчиг болгон ашигладаг. Ихэнхдээ энгийн байх тусмаа сайн байдаг тул Helvetica гэх мэт фонтууд маш их алдартай байдаг.

Дүрэм 5. Хэмжээ чухал

Энэ нь бичвэрийн үсгийн хэмжээтэй ойролцоо юм ;). Гарчиг нь тод, том үсгээр байвал зүгээр ч үндсэн бичвэрт хэт том үсгээр бичвэл илүү хямд болно. Үүний тухай бодож үз. Та сайн ресторанд очдог бөгөөд цэсийг жижиг үсгээр бичсэн байдаг, энэ нь сайхан харагдаж байна. (Зүгээр л фонт нь уншихад хэцүү тийм жижиг биш байгаа эсэхийг шалгаарай.) Биеийн хуулбараас хамаагүй том гарчиг хийхээс бүү ай.

Дүрэм 6

Таны хийж буй бүх зүйл унших боломжтой байхаар хийгдсэн. Харанхуй дэвсгэр дээрх бараан текст нь тийм ч сайн санаа биш юм. Үүнээс ч дор, тодосгогч гэрэл зураг дээр жижиг текст тавих. Аливаа зүйл дээр текст оруулахаас зайлсхийхээ мартуузай.

Дүрэм 7. Зөв өнгө сонгох

Фонтын хувьд ямар өнгө хамгийн тохиромжтой вэ? Ерөнхийдөө хар эсвэл цагаан өнгө нь ихэвчлэн хамгийн сайн байдаг гэдэгт итгээрэй. Хэрэв та саарал өнгийн өөр өөр өнгө хэрэглэж байгаа бол ханалтыг бууруулна уу. Хурц өнгийн фонтыг уншихад хэцүү байж болно. Ногоон дээр улаан гэх мэт нарийн төвөгтэй чичиргээний хослолуудаас болгоомжил.

Дүрэм 8. Тохиромжтой бүлэглэл

Холбогдох мэдээллийг нэгтгэх нь дээр. Энэ нь дизайныг илүү тодорхой болгох болно. Жишээ нь: киноны постерыг хар, бүх өгөгдлийг сонирхол татахуйц блокуудад бүлэглэсэн. Одоо тэдгээрийг тусдаа дизайны элемент гэж үзэж болно. Муу бүлэглэлийн жишээнүүд - шар хуудсыг нээнэ үү.

Дүрэм 9. Хангалттай удирдах

Энэ бол текстийн мөр хоорондын зай юм. Зөв интервалыг сонгох нь маш чухал юм. Мөрний хооронд нүд амрах газар байвал уншихад илүү таатай байдаг. Дүрмээр бол үсгийн хэмжээнээс хамгийн багадаа 2 оноо илүү ашиглахыг хичээ. Жишээ нь: хамгийн их уншигдахуйц 10pt байхын тулд үсгийн фонтыг дор хаяж 12pt байх ёстой.

Дүрэм 10. Кернингээс болгоомжил

Кернинг гэдэг нь үгийн бие даасан тэмдэгтүүдийн хоорондын зай юм. Жишээлбэл, Photoshop гэх мэт програмууд үүнийг зохион байгуулахдаа алдаа гаргадаг тул муу тэмдэгтийг тодорхойлох туршлагатай байх нь чухал юм. Үүнийг гараар тохируулах шаардлагатай болно, гэхдээ гол зүйл бол үүнийг хэтрүүлэхгүй байх явдал юм. Хэрэв та тэмдэгт хоорондын зайд дургүй ч үүнийг хэрхэн сайжруулахаа мэдэхгүй байгаа бол өөр фонт сонгоно уу.

Фонттой ажиллахдаа эдгээр дүрмийг хэрэгжүүлэхийг хичээгээрэй. Сайн зохион бүтээсэн блокууд нь ямар ч зураггүйгээр сайхан харагдах ёстой. Хамгийн сайн нь таны хэвлэмэл загвар нь дизайны эерэг сэтгэгдэлийг бэхжүүлдэг. Энэ нь сэтгэл татам, уншихад хялбар байх ёстой.

Найзууд аа!

Энэ нийтлэлд би хамгийн их дүн шинжилгээ хийх болно нийтлэг алдаашинээр гарч ирж буй дизайнерууд.

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

Тиймээс, сайн дизайны номер нэг дүрэм бол барих явдал юм модульчлагдсан сүлжээ(нийтлэлийг үзнэ үү), дараа нь хоёр дахь дүрэм: үсгийн тоог хязгаарлах!

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

Ихэнхдээ дизайнер нь төслийн нэг фонтыг сонгодог. Түүнээс гадна сонгосон үсгийн шинж чанар нь бүтээлч санаа эсвэл дизайны сэтгэл санааны байдалд тохирсон байх ёстой. Жишээлбэл, хэрэв бид зориулж товхимол хийж байгаа бол гар утасГурав дахь үе, тэгвэл орчин үеийн хөнгөн санс-сериф үсгийн хэлбэр нь бидэнд тохирох байх. Гэхдээ Эрмитаж дахь импрессионистуудын үзэсгэлэнгийн сэдэвт товхимол нь сонгодог, "хөл дээрээ бат зогссон", сериф фонтод илүү тохиромжтой байх болно. Ерөнхийдөө фонтыг амжилттай сонгох нь дизайнерын ажилд туйлын чухал байдаг, учир нь фонтын шинж чанар нь төслийн санаа, шинж чанартай нийцэхгүй байх нь нахиа дахь бүх ажлыг сүйтгэж болзошгүй юм.

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

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

Хоёрдахь фонт нь дүрмээр бол нүдэнд илүү танил бөгөөд түүний үүрэг бол үзэгчдийн анхаарлыг татах биш харин цэвэр мэдээллийн функцийг гүйцэтгэх явдал юм. Уншихад хялбар, нүдийг ядраахгүй байх ёстой. Эхлэн суралцагчид үрэлгэн, уншихад хэцүү фонтоор том хэсгүүдийг бүтээхдээ бүдүүлэг алдаа гаргадаг. Би бас ийм фонтуудын дунд "гараар бичсэн" фонтуудын дийлэнх хувийг оруулдаг. Ийм фонтууд нь жижиг үсгийн хувьд сайн байдаг Мэндчилгээний карт, гэхдээ их хэмжээний тексттэй ажиллахад зориулагдаагүй.

Фонтыг сайн ашиглах жишээ энд байна:

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

Мөн энд фонтуудын харамсалтай хэрэглээ байна:

Энд би зориудаар ийм загварын зохицолгүй, үл нийцэх мэдрэмжийг өгөхийн тулд зарим нэг ер бусын фонтууд ашиглаж байна. Ажилдаа хэт олон фонт бүү ашигла! 8 янзын фонт холилдсон, түүнээс ч илүү үрэлгэн, уншихад хэцүү фонттой ажил шиг муухай зүйл байхгүй.

Ийм ажлын жишээ энд байна:

Энэ бол миний төсөөллийн бүтээгдэхүүн биш. Би ийм олон бүтээлийг харсан бөгөөд дүрмээр бол шинэхэн дизайнерууд эсвэл сонирхогчид хийсэн.

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

Гэхдээ энэ дүрэм хэтэрхий ерөнхий бөгөөд практик дээр үүнийг тойрч гарах шаардлагатай болдог.
Тиймээс сүүлчийн зөвлөгөө. Хэрэв гарчгийн фонт орчин үеийн харагдаж байвал үндсэн фонт болгон sans-serif фонтыг сонгох нь дээр. Хэрэв таны анхны фонт хуучирсан бол үндсэн фонт нь serif байх ёстой.

Фонт ашиглах сэдэв барагдашгүй тул нэг жижиг нийтлэлд бүгдийг багтаах боломжгүй юм. Би аль болох фонттой ажиллах мэдлэгээ та бүхэнтэй хуваалцах болно. Дашрамд хэлэхэд миний хувьд Indesign сургалтын курс, Би энэ чухал сэдэвт маш их анхаарал хандуулдаг.

Үүсэж болох төөрөгдлийг арилгахын тулд зарим гол нэр томъёоны утгыг нэн даруй тодруулах шаардлагатай. Эхний чухал багц түлхүүр үгс"фонт" ба "хэв маяг" гэсэн ойлголтуудыг тодорхойлох.

Фонт нь тодорхой хэмжээ, хэв маягийн тэмдэгтүүдийн багц юм. Үсгийн хэв маяг нь үсгийн хэв маягийн гэр бүлүүдийг ижил аргаар тодорхойлдог.Энд байгаа гол үг нь өөр өөр фонтыг бүлэг эсвэл гэр бүл болгон тусгаарладаг загварууд юм. Жишээлбэл, энэ нь serif, sans-serif, гараар бичсэн, дэлгэц, monospace болон бусад байж болно. Үсгийн хэв маяг нь гүйцэтгэлийн нийтлэг хэв маягаар нэгдсэн янз бүрийн хэв маяг, хэмжээтэй фонтуудын багц гэж бид хэлж чадна. Таны харж байгаагаар фонт нь илүү нарийн ойлголт юм.

Вэб хуудасны загвар зохион бүтээхдээ фонт сонгох нь маш чухал. Мэдээжийн хэрэг, стандартаас фонт ашиглах нь хамгийн сайн арга юм Windows багцэсвэл Mac. Гэхдээ заримдаа энэ багц нь дизайнерын санааг амьдралд хэрэгжүүлэхэд хангалтгүй бөгөөд дараа нь бүх ачаалал зохион бүтээгчийн мөрөн дээр унадаг. Азаар, Google вэб фонтуудэнэ асуудлыг шийдэх маш гоёмсог шийдлийг санал болгож байна.

Мөн "жин", "kerning" гэх мэт нэр томъёо байдаг. Тэдгээрийг бүгдийг нь CSS-ээр өөрчилж, догол мөр, гарчиг эсвэл бусад текстийн элементүүдэд хэрэглэж болно. Фонтын "жин" шинж чанар нь зурсан үед зураасны зузааныг тодорхойлдог. Энэ нь 100-аас 900 хүртэлх утгын муж бөгөөд тоо бүр нь үсгийн жинд тохирох жинг илэрхийлдэг. Хэвийн фонт "хэвийн" 400 тоотой тохирч, тод "болд" - 700. Кернинг - хэлбэрээс нь хамааран үсгийн хоорондын зайг өөрчлөх. Энэ нь зохицлыг бий болгохын тулд тэдгээрийн хоорондын зайг тохируулах замаар тэмдгүүдийг зөв байрлуулах үйл явц юм. Хэдийгээр олон хүн kerning-д тийм ч их анхаарал хандуулдаггүй ч энэ нь маш сайн үр дүнд хүрэхэд тусалдаг жижиг зүйлүүд юм.

Дүрмийг зөрчих

Шинэ фонт бий болгох хэрэгцээг хэлэлцэх нь үндэслэлтэй байх болно. Сүүлийн үед олон вэбсайтууд хуучирсан. Тэд стандарт фонт ашигладаг бөгөөд бид аль хэдийн хангалттай залхаж байна.

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

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

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

Зөв фонт сонгох

Янз бүрийн үсгийн хэв маяг нь уншигчдын сэтгэл санаанд янз бүрээр нөлөөлж болохыг тэмдэглэх нь зүйтэй. Дүрмээр бол serif фонтууд нь хэвлэмэл материалд илүү тохиромжтой байдаг. Сериф нь үсэг хоорондын зайг бий болгохоос гадна нэг тэмдэгтийг нөгөө тэмдэгтээс тусгаарлахад тусалдаг. Ихэнхдээ сериф фонтууд нь хувь хүн, хүндэтгэл, оюун ухаан, мэргэжлийн мэдрэмжийг өгдөг.

Sans-serif фонтууд нь вэб хуудсанд хамгийн тохиромжтой. Бага нягтралтай дэлгэц нь серифийг бүдэгрүүлж, улмаар муу ойлгогддог. Sans-serif фонтууд нь оновчтой байдал, хэв маяг, залуу нас, орчин үеийн мэдрэмжийг илэрхийлэх хандлагатай байдаг.

Жишээлбэл, серифийн сонголт нь мэргэжлийн ур чадвар, эрх мэдэл бүхий мэдээллийн мэдрэмжийг өгдөг. Та үүнийг Нью Йорк Таймс гэх мэт гол хэвлэл мэдээллийн хэрэгслээр харж болно. Жижиг блогууд нь том мөрийн өндөртэй sans-serif фонт ашиглаж болно. Энэ нь хэрэглэгчдэд блог текстийг хурдан үзэх боломжийг олгодог.

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

гаргацтай

Типографи, ихэнхдээ зүгээр л уншдаггүй, нүдийг маш ихээр гэмтээдэг. Мэдээжийн хэрэг, шөнийн цэнгээний газруудын сурталчилгаа гэх мэт Funky эсвэл бусад бичигдэшгүй фонтуудыг ашиглаж болох зарим үл хамаарах зүйлүүд байдаг.

Гэсэн хэдий ч хэрэв та сод, уйтгартай эсвэл Акка гэх мэтийг ашиглах хүсэлтэй байгаа бол энэ санаанаас татгалзах нь дээр. Хэрэв хүсэл нь хангалттай хүчтэй хэвээр байвал эдгээр фонтуудыг бага зэрэг ашиглах хэрэгтэй. Жишээлбэл, гарчиг болгон. Гэхдээ дараа нь үндсэн текст илүү ойлгомжтой байх ёстой. Энэ нь таны сайтад эрч хүчийг бий болгоход тусална. Ийм фонт ашиглах нь сул тал биш харин дизайны давуу тал байх ёстой гэдгийг санаарай.

мэдээллийн чанартай

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

Бизнесийн төслийн дизайн хийхэд та ихэвчлэн уламжлалт гөлгөр фонтуудыг ашиглах хэрэгтэй. Албан ёсны загвар байхгүй байсан ч үүнийг анхаарч үзэх хэрэгтэй. Ялангуяа хүмүүс таны сайтыг нухацтай авч үзэхийг хүсч байвал.

Байршил ба хэмжээс

Энэ нь үр дүнтэй дизайн хийхэд маш чухал юм - та текстийг хаана байрлуулах хэрэгтэй, ямар хэмжээтэй байна. Мэдээлэл унших эсвэл сайт дээрх гайхалтай том үгсийг харахын тулд нүдээ чангалахыг хэн ч хүсэхгүй. Бүтээлийн зорилго сайн дизайнтэнцвэрийг олох явдал юм. Үүний эхний алхам бол аль мэдээлэл илүү чухал болохыг олж мэдэх явдал юм.

Дүрмээр бол анхаарал хандуулах шаардлагатай үгсийг арай илүү хийх хэрэгтэй. Эсвэл эсрэгээр - ач холбогдолгүй нь бага байх ёстой. Бүх зүйл ач холбогдлоос хамаарна. Өөрөөр хэлбэл, та үгсийн шатлалыг бий болгох хэрэгтэй.

Фонтын байршлын хувьд тэнцвэртэй байлгахыг хичээ. Текстийн хэсгүүдийг дөрвөн өнцөгт тараах шаардлагагүй. Энэ нь хэрэглэгчдийн анхаарлыг ихээхэн сарниулж чадна.

Өнгө

Энэ бол хамгийн хялбар талуудын нэг юм. Та текстийг арын дэвсгэрээс ялгаж, уншихад хялбар байх өнгийг сонгох хэрэгтэй.

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

Дүгнэлт

Photoshop дээр фонт ашиглах нь вэб хуудсанд ашиглахаас тэс өөр юм. Энэ нь яагаад зарим загвар зохион бүтээгчидтэй ажиллахад типографи маш хэцүү байдгийг тайлбарлаж байна. Вэб дээр хэвлэх нь өргөн хүрээний сэдэв бөгөөд маш их судалгаа шаарддаг. Загварын сэтгэл хөдлөл, гоо зүйд тохирсон хэв маягийг ашиглах аргыг олох нь маш чухал гэдгийг та үргэлж санаж байх хэрэгтэй. Төрөл бүрийн фонтыг хольж, тааруулахаас бүү ай, зүгээр л ажиллаж байгаа эсэхийг шалгаарай.

Типографивэб дизайнд гол үүрэг гүйцэтгэдэг, статистикийн мэдээгээр вэб сайтын агуулгын 95% нь текстийн агуулга юм. Фонтын дизайн нь вэб хуудасны текстийн агуулгыг уншихад сэтгэлийн хөдөлгөөнийг удирдаж, тодорхой уур амьсгалыг бий болгодог.

Орчин үеийн вэб типограф нь CSS загвар дээр суурилдаг. Хөтчийн хэв маягийн өгөгдмөл утгыг өөрчилснөөр та текст агуулгыг илүү сонирхолтой болгож чадна.

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

Зөв вэб хэвлэх зориулалттай CSS шинж чанарууд

1. Фонтын бүлэг (фонт-гэр бүлийн өмч)

Үсгийн сонголт нь үсгийн хэлбэрийг сонгохоос эхэлдэг.

Чихэвч- хэв маягийн нэгдмэл хэв маяг бүхий фонт эсвэл хэд хэдэн фонт. Энэ нь тэмдэгтүүдийн багцаас бүрдэнэ (ихэвчлэн тоо, үсэг, цэг таслал, тусгай тэмдэгт, гэхдээ зөвхөн цагаан толгойн үсгийн бус тэмдэгтүүдээс бүрдэж болно). Жишээлбэл, Times New Roman үсгийн хэлбэр нь энэ гэр бүлийн ердийн, налуу, тод болон бусад олон фонтуудаас бүрддэг.

Чихэвчийг хоёр үндсэн ангилалд хувааж болно. сериф(эртний болон дөрвөлжин фонтууд) болон sans serif(гротеск).

Sans serif фонтууд нь энгийн бөгөөд ойлгомжтой байдаг Гадаад төрх. Харин Serif фонтууд нь илүү ноцтой, албан ёсны өнгө аясыг өгдөг.

Унших явцад гарчиг, агуулга, туслах бичвэрийг үндсэн фонттой таарахгүй өөр үсгийн фонтоор бичвэл нүд үндсэн фонтдоо дасаж, ядрах болно. Тиймээс үсгийн фонтыг сонгохдоо нэг эсвэл хоёр фонт дээр зогсоход хангалттай бөгөөд хэмжээ, өнгө, хэв маяг гэх мэтээр өргөлтийг байрлуулна.

Хэзээ олон фонт ашиглаж болох вэ:

• Үсгийн үсгийн тусгай хэв маяг байхгүй (том, тод, налуу);
• Тодорхой эрин үетэй ижил төстэй байдалд хүрэх шаардлагатай;
• Хэд хэдэн төрлийн текстийг нүдээр салгах зорилгоор (жишээлбэл, текст дэх тайлбар, кодын мөр, томъёо, өөр хэл дээрх текст);
• Гоо сайхны зорилгоор.

Фонт сонгоход зориулсан TypeTester үйлчилгээ

2. Serif болон sans-serif үсгийн хослол

Үсгийн хослолын зөвлөмжид тодорхойгүй дүрэм байдаг - гарчигт sans-serif фонт, үндсэн текстийн хувьд serif фонтыг ашигладаг. Гэсэн хэдий ч энэ арга нь санагдсан шиг тийм ч түгээмэл биш юм.

Үнэн хэрэгтээ энэ дүрэм нь юуны түрүүнд хэвлэмэл хэвлэл, ном хэвлэлтэд хамаарна. Энэ нь сериф фонт (үндсэн зураасны төгсгөлд жижиг зураас) нэг мөрөнд жигд эгнэж, текстийг уншихад хялбар, уншихад хялбар болгодогтой холбоотой юм.

Текстийг дэлгэцээр харуулах нөхцөл байдал өөр байна. янз бүрийн төхөөрөмж. Төлгөр, тэгш бус серифийн асуудал гардаг. Тиймээс жижиг үсгийн өндөртэй sans-serif фонт нь үндсэн текстэд илүү тохиромжтой.

3. Үсгийн өнгө (өнгөт шинж чанар)

Өнгө нь текстийн тод байдал, илэрхийлэлийг өгдөг. Текст дэх өнгөт гарчиг, жижиг өргөлт нь хар текстээс илүү анхаарал татаж чадна.

Гэсэн хэдий ч аливаа өнгө нь өөрийн гэсэн сэтгэл хөдлөлийг дагуулдаг бөгөөд хүн бүр энэ эсвэл өөр өнгө нь түүнд төрдөг хувийн мэдрэмжтэй байдаг гэдгийг бүү мартаарай.

Дулаан өнгө нь текстийн анхаарлыг идэвхтэй татдаг бөгөөд энэ нь хүйтэн сүүдэрт ижил хэмжээтэй фонтоос илүү том хэмжээтэй болгодог. Жижиг текстийн элементүүдийн хувьд илүү тод өнгө тохиромжтой, хуудасны хажуугийн агуулгыг вэб хуудасны үндсэн агуулгын текстийн өнгөнөөс 20-30% цайвар өнгөөр ​​тодруулж болно.

Текстийн өнгөний тоог сонгохдоо хангалттай ялгаатай хоёр өнгөөр ​​​​хязгаарлах нь дээр (хар, хар өнгийг тооцохгүй) цагаан өнгө). Цагаан дэвсгэр дээрх хар текст нь маш тод ялгаатай сонгодог юм.

4. Фонтын хэмжээ (фонтын хэмжээний шинж чанар)

Хөтөчийн үндсэн үсгийн хэмжээ 16px бөгөөд гарчиг нь үндсэн үсгийн хэмжээтэй пропорциональ тохируулагдсан байна (h1 - 2em, h2 - 1.5em, h3 - 1.17em гэх мэт).

Үсгийн хэмжээг өөрчилснөөр та текстэд харагдахуйц ач холбогдол өгч, текстийн хамгийн чухал хэсгүүдэд зочдын анхаарлыг татах боломжтой. Дүрмээр бол элемент нь том байх тусам илүү чухал байдаг.

Хөтөчийн цонхон дээрх текстийн хэмжээ нь хэрэглэгчийн дэлгэцийн нягтралд нөлөөлдөг: өндөр нарийвчлалтай дэлгэц дээрх ижил хэмжээтэй текст нь бага нягтралтай дэлгэц дээрх ижил хэмжээтэй текстээс бага харагдана.

Ижил хэмжээтэй өөр өөр гэр бүлийн фонтууд өөр өөр хэмжээтэй байж болно.

Дэлгэцийн нягтрал, дэлгэцийн хэмжээ нэмэгдэхийн хэрээр ердийн текстийн 12-14px хэмжээг эргэн харах шаардлагатай байна. Энгийн текстийн хувьд 14-18px фонт аль хэдийн өргөн хэрэглэгддэг. Үсгийн хэмжээг тохируулахдаа дасан зохицох чадварыг мартаж болохгүй, жишээлбэл. фонтын хэмжээ нь дэлгэцийн хэмжээнээс хамаарч өөрчлөгдөх ёстой.

5. Текстийг зэрэгцүүлэх (текстийг зэрэгцүүлэх шинж чанар)

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

6. Үсэг ба тэмдэгт хоорондын зай (үг хоорондын зай, үсэг хоорондын шинж чанар)

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

Serif фонтууд үсгийн хоорондын зайг багасгаснаар илүү тод харагдана.

7. Мөр хоорондын зай (мөр хоорондын өндөр шинж чанар)

Хамгийн оновчтой мөр хоорондын зай нь үсгийн хэмжээнээс 1.4 - 1.6 дахин их байна.

Мөн гарчиг болон тэдгээртэй холбоотой догол мөрийн хооронд хэт их догол мөр тавьж болохгүй.

8. Шугамын урт

Тасралтгүй унших мөрөнд 30-аас 75 тэмдэгт (нэг мөрөнд ойролцоогоор 7-10 үг) байх ёстой. Текстийн мөр илүү өргөн байх тусам том байх ёстой мөр хоорондын зай. Мөр хоорондын зай нь үг хоорондын зайнаас бага байж болохгүй.

9. Үсгийн хэв маяг (фонт маягийн шинж чанар)

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

Property font-variant: жижиг том толгой; Бүх үсгийг жижиг үсгээр харуулахын тулд текстийг хувиргах замаар текстийн хэвлэх нарийн төвөгтэй байдлыг өгдөг. Энэ техник нь текстийн жижиг хэсгүүдэд тохиромжтой.

10. Текстийн бүтэц, харааны шатлал

Вэб хуудасны бүтцэд дараахь объектуудыг ялгадаг.

• Вэб сайтын лого / нэр;
• Гарчиг/гарчиг;
• Хоёрдогч гарчиг;
• Үндсэн текст;
• навигаци;
• Гипертекст холбоосууд;
• Урт ишлэл;
• Хажуугийн хавтан;
• Хүснэгт, зураг дээрх гарын үсэг / бичээс.

Жагсаалтын зүйл бүр нь сайтын үндсэн хэсэг бөгөөд үүнийг тодруулах хэрэгцээг зөвтгөдөг.

HTML-д хамгийн чухалаас эхлээд зургаан түвшний гарчиг байдаг

мөн ач холбогдол багатайгаар төгсдөг

. толгой

баримт бичгийн бүтэц, гарчиг нь эхнийх байх ёстой доод түвшинтүүнийг дагаж, мэдээллийг нарийвчлан гаргах ёстой. Гарчгийг тодруулахын тулд та гарчгийн хэсгийг өнгөөр ​​тодруулах техникийг ашиглаж болно.

Хялбар шингээхийн тулд текстийг хэсэг болгон хувааж, хэсэг бүрт тохирох түвшний гарчгийг сонгох хэрэгтэй. Гарчгийн түвшин өндөр байх тусам тухайн хэсэг нь агуулгын хувьд илүү утга учиртай байх ёстой.

AT ерөнхий бүтэцтекст Онцгой анхааралхолбоосуудад өгөх ёстой, тэдгээр нь хүрээлэн буй контентоос амархан ялгарах ёстой.

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

• хөрөнгө;
• Налуу;
• Зоригтой / тод хэв маяг;
• Хэмжээ;
• Өнгө;
• Чихэвч солих;
• Текстийн зурвас дээрх тэмдэгтүүдийн байрлалыг өөрчлөх (том ба жижиг үсэг, догол);
• График элементүүдийг ашиглан тэмдэгтүүдийг тодруулах - заагч, жааз, дүрс гэх мэт.

Хэт их онцлох нь аливаа фрагмент дээрх анхаарлыг хэт ихэсгэдэг төдийгүй уншихад хэцүү болгодог.

11. Аюулгүй фонтууд

Windows фонтууд / Mac фонтууд / фонтын гэр бүл

Arial, Arial, Helvetica, sans serif

sans serif

муруй

нэг орон зай

Жоржиа 1, Жоржиа, сериф

sans serif

Люсида консол, Монако 5, нэг орон зай

sans serif

сериф

Тахома, Женев, sans serif

Times New Roman, Times, сериф

Trebuchet MS 1, Helvetica, sans serif

Вердана, Вердана, Женев, sans serif

Тэмдэг, тэмдэг (Тэмдэг 2 , Тэмдэг 2)

сүлжмэл, сүлжмэл (wbdings 2, webdings 2)

Wingdings, Zapf Dingbats

MS Sans Serif 4 Женев sans serif

MS Serif 4, Нью-Йорк 6, сериф

Arial, Arial, Helvetica, sans serif

Arial Black, Arial Black, Gadget, sans serif

Comic Sans MS, Comic Sans MS 5, муруй

Courier New, Courier New, Courier 6, нэг орон зай

Жоржиа 1, Жоржиа, сериф

Цохилт, нөлөөлөл 5, нүүрс 6, sans serif

Люсида консол, Монако 5, нэг орон зай

Люсида Санс Юникод, Лусида Гранде, sans serif

Палатино Линотип, Antiqua 3, Палатино 6, сериф

Тахома, Женев, sans serif

Times New Roman, Times, сериф

Trebuchet MS 1, Helvetica, sans serif

Вердана, Вердана, Женев, sans serif

Тэмдэг, тэмдэг (Тэмдэг 2 , Тэмдэг 2)

сүлжмэл, сүлжмэл (wbdings 2, webdings 2)

Wingdings, Zapf Dingbats (Wingdings 2, Zapf Dingbats 2)

MS Sans Serif 4 Женев sans serif

MS Serif 4, Нью-Йорк 6, сериф

1 Georgia болон Trebuchet MS фонтууд нь Windows 2000/XP-тэй хамт ирдэг бөгөөд IE фонтын багцад багтсан байдаг (мөн Microsoft-ын олон программд багтсан байдаг) тиймээс тэдгээрийг Windows 98 үйлдлийн системтэй олон компьютер дээр суулгадаг.

2 Тэмдэгтийн фонтыг зөвхөн дотор харуулдаг Internet Explorer, бусад хөтөч дээр тэдгээрийг ихэвчлэн стандарт фонтоор сольдог (хэдийгээр жишээ нь, Symbol фонтыг Opera дээр, Webdings нь Safari дээр харуулдаг).

3 Book Antiqua нь Palatino Linotype-тэй бараг адилхан; Palatino Linotype нь Windows 2000/XP, Book Antiqua нь Windows 98-тэй хамт ирдэг.

4 Эдгээр фонтууд нь TrueType биш, харин битмап тул зарим хэмжээсээрээ муу харагдахыг анхаарна уу (тэдгээрийг 8, 10, 12, 14, 18, 24 pt-ээр 96 DPI-ээр харуулахаар бүтээгдсэн).

5 Эдгээр фонтууд нь Safari-д зөвхөн стандарт фонтоор ажилладаг боловч тод эсвэл налуу үсгээр ажиллахгүй. Comic Sans MS мөн тодоор ажилладаг боловч налуу үсгээр биш. Бусад Mac хөтчүүд нь фонтын дутуу шинж чанарыг бие даан дуурайж чаддаг байх шиг байна (зөвлөгөө өгсөн Кристиан Фектогийн ачаар).

6 Эдгээр фонтууд нь зөвхөн сонгодог суулгацын үед Mac дээр суудаг