Word-д зориулсан зип кодын фонт. Имэйл мэдээллийн товхимолд ямар фонт ашиглах вэ

Үзэгчдийн сонирхол нь зөвхөн агуулгаас гадна түүнийг хэрхэн харуулахаас хамаарна. Өөрөөр хэлбэл, ЮУ ТУХАЙ, ХЭРХЭН бичих нь аль аль нь юм.

Захиагаа илүү загварлаг болгомоор байна уу? Анхаарал татахуйц фонтуудыг туршиж үзээрэй. Захидлын сэтгэл санааг илэрхийлэх фонтыг сонгоод, компьютер болон компьютер дээр зөв, сайхан харагдах эсэхийг шалгаарай. хөдөлгөөнт төхөөрөмжзахиалагчид. HTML байршлын чадавхитай бол та өөрөө код бичихээ мэдэхгүй байсан ч мэдээллийн товхимол үүсгэхэд хялбар байдаг. Google Fonts гэх мэт бэлэн кодыг олон нийтэд нээлттэй болгох вэб үйлчилгээнүүд байдаг бөгөөд та үүнийг шуудангийн жагсаалтад нэмэхэд л хангалттай. тодорхой дүрэм. Бүтээлч бай, тэгвэл Google-н үнэгүй вэб фонтуудын тохиромжтой онлайн үйлчилгээ танд үүнд тусална.

Мэдээллийн товхимолыг хурдан бөгөөд зөв ачаалахын тулд зургийн оронд фонт ашиглана уу

HTML цахим шуудангийн товхимол гаргахад яагаад текст зурагнаас илүү байдаг вэ?

• Захиалагч өөрийн цахим шуудан дээрх зургуудыг блоклосон байж магадгүй бөгөөд зургийг харахын тулд тэр энэ блокыг арилгах шаардлагатай болно. Мөн фонтууд ямар ч тохиолдолд харагдана.
• Онлайн цуглуулгаас фонт ашиглах нь имэйл ачаалах хугацааг багасгадаг. Имэйлд вэб фонтыг хэдэн удаа ашиглах нь хамаагүй: татаж авах үед фонт хадгалагдаж буй серверт нэг л хүсэлт ирдэг. Зургийн хувьд нөхцөл байдал өөр байна: зураг бүрийг ачаалах нь тусдаа хүсэлт шаарддаг тул имэйл нь удаан ачаалагддаг. Хэрэв захиалагч удаан интернет холболттой бол тэр зүгээр л захидлыг хааж болно. Тиймээс бэлэн html загварууд имэйл мэдээллийн товхимол, зөвхөн зургуудаас бүрдэх нь үргэлж хамгийн сайн үр дүнг авчирдаггүй.
• Хамгийн сайн өндөр чанартай, өндөр нарийвчлалтай зураг ч гэсэн текстээс илүү тодорхой, уншихад хялбар харагдах болно.

Имэйлдээ Google вэб фонтыг ашиглаарай

Google Web Fonts ашиглан имэйлийн загвараа өөрчилж үзээрэй! Эдгээр фонтууд юу вэ, яагаад ийм сайн байдаг талаар дэлгэрэнгүй ярья.
Google фонтууд нь чанартай фонтууд юм өндөр нарийвчлалтай, вэб сайт эсвэл имэйлд нэмж болно.
Google фонтын давуу талууд:

• Арилжааны болон арилжааны бус зорилгоор ашиглах үнэгүй вэб фонтуудын өргөн сонголт.
• HTML имэйлийн текстэнд фонт хэрэглэх нь маш хялбар: доорх 6 алхамтай зааварчилгааг дагахад л хангалттай.
• Google фонтууд нь Apple mail, Outlook 2000/2011, Lotus Notes 8 ба 8.5 хувилбар, Thunderbird, Android 2.3/4.2 болон iOS-ын бүх төхөөрөмж зэрэг ихэнх имэйл программуудаар дэмжигддэг.

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

Google вэб фонтыг HTML имэйлд хэрхэн ашиглах талаар

Хэрэв та HTML форматаар имэйл бичвэл эдгээр зургаан алхмыг дагана уу, та өөрийн имэйлийн агуулгад Google Web Fonts нэмэх боломжтой болно.

1-р алхам

Энэ холбоосыг дагана уу https://www.google.com/fontsмөн тохирох фонтыг сонгоно уу. Жишээлбэл, бид сүүдэрийг гэрэлд оруулах болно.

Алхам 2

Үсгийн маягаа шийдсэний дараа Түргэн ашиглах товчийг дарна уу.

Алхам 3

Зүүн талд HTML код бүхий цонх гарч ирнэ:

Энд гарчигаа бичнэ үү

Бэлэн! Дууссан имэйлд таны гарчиг дараах байдлаар харагдах болно.

Бусад вэб фонтууд

Google фонтоос гадна та уйтгартай Arial болон Times New Roman-аар хязгаарлагдахгүйн тулд бичихэд ашиглаж болох өөр сонирхолтой вэб фонтууд байдаг.

Фонтын гэр бүл: Arial, Helvetica, sans-serif; font-family: Georgia, serif; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-family: "Times New Roman", Times, serif; font-family: "Arial Black", Gadget, sans-serif; font-family: "Comic Sans MS", cursive, sans-serif;.t.c. font-family: Impact, Charcoal, sans-serif; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-family: Tahoma, Geneva, sans-serif; font-family: "Trebuchet MS", Helvetica, sans-serif; font-family: Вердана, Женев, sans-serif; font-family: "Courier New", Courier, monospace;

Хэдийгээр ихэнх цахим шуудангийн программууд стандарт вэб фонтыг дэмждэг боловч зарим нь дэмждэггүй. Энэ тохиолдолд вэб фонтыг бүх нийтийн фонтоор солино. Дээрээс харж байгаачлан бараг бүх мөр нь бүх имэйл программуудаар дэмжигддэг Sans Serif үсгийн фонтоор төгсдөг.

Вэб фонтыг бүртгэж байна

Хүн бүр имэйлээ захиалагчийнхаа ирсэн имэйл хайрцгийг дүүргэх бусад захидлуудаас ялгарахыг хүсдэг. Стандарт вэб фонтууд, ялангуяа Google вэб фонтууд нь уншигчдын анхаарлыг татах сайхан арга юм. Гарчгийн оронд шаардлагагүй зургуудаар имэйлээ бүү бөглөөрэй - оронд нь вэб фонт ашиглана уу. Энэ нь имэйлийг сэргээж, ачаалах хугацааг багасгаж, унших чадварыг сайжруулах болно.
Төгс фонтыг хэрхэн сонгох вэ? Өөр өөр фонтуудыг A/B туршиж үзээрэй, та захидлын агуулга болон үзэгчдийн мөн чанарт хамгийн сайн тохирохыг олох болно.

Мэдээллийн хуудасны скриптийг өөрсдөө бичихийг илүүд үздэг гар урчууддаа би хэлмээр байна: 2016 он ойрхон байна - таны цаг илүү үнэ цэнэтэй юм! Хэрэв олон нийтийн цахим шуудангийн кампанит ажилд тохиромжтой бүх хэрэгсэл нь тохиромжтой, хямд Mailigen үйлчилгээнд аль хэдийн бэлэн болсон бол яагаад дугуйг дахин зохион бүтээх хэрэгтэй вэ? Мэдээллийн сангаа байршуулаад хэдхэн минутын дотор мэргэжлийн мэдээллийн товхимол үүсгэж эхлээрэй.

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

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

Нэг чухал тал: та хэвлэх үйлдвэрт очихгүйгээр зөвхөн дугтуй, бэхэнд мөнгө зарцуулах хэрэгтэй болно.

Ажиллахын тулд бидэнд таб хэрэгтэй Мэдээллийн товхимол MS Word програмын дээд цэсэнд (Зураг 1), түүнчлэн тэмдэглэсэн талбаргүй туйлын цэвэр дугтуйнууд. Янз бүрийн хэмжээтэй дугтуйнуудын дэлгэрэнгүй байршлыг программд оруулсан байгаа тул тэмдэглэгээ хийх шаардлагагүй.

Нэмэлт урамшуулал: Хоосон дугтуйг оффисын хангамжийн аль ч дэлгүүрээс авах боломжтой тул шуудан дээр дараалалд зогсох шаардлагагүй.

Илгээгчийн хаягийг зааж өгсөн

Энгийн шуудангийн дугтуйнд илгээгч дараах мэдээллийг бөглөхийг шаарддаг.

· илгээгчийн нэр (гарчиг), хаяг;

Хүлээн авагчийн индекс;

· хүлээн авагчийн нэр (нэр) болон хаяг.

"Оросын шуудан" нь бараа бүтээгдэхүүн дээрээ хаяг бичих дүрмийг тогтоосон Дотоодын баталгаат шууданг хүлээн авах, хүргэх журам("Оросын шуудан" Холбооны улсын нэгдсэн аж ахуйн нэгжийн 2012 оны 5-р сарын 17-ны өдрийн 114-p тоот тушаалаар батлагдсан):

“4.39. ОХУ-ын нутаг дэвсгэрт илгээсэн шуудангийн илгээмж, илгээмжийн дагалдах маягт, "Е 1-в" дагалдах маягтын хаягийг орос, араб тоогоор зааж өгөх ёстой бөгөөд ОХУ-ын нутаг дэвсгэр дэх бүгд найрамдах улсын нутаг дэвсгэрт илгээгдсэн хаягийг дараахь байдлаар гаргаж болно. Орос хэл дээрх хаягийг давтсан тохиолдолд холбогдох бүгд найрамдах улсын төрийн хэл.

Хаягийн дэлгэрэнгүй мэдээллийг дараах дарааллаар бичнэ.

· хуулийн этгээдийн хувьд - бүтэн буюу богино нэр, хувь хүний ​​хувьд - овог, нэр, овог нэр;

· банкны дэлгэрэнгүй мэдээлэл (хуулийн этгээдэд илгээсэн эсвэл хуулийн этгээдээс хүлээн авсан шуудангийн шилжүүлгийн бэлэн мөнгөний хувьд): TIN, корреспондентийн данс, банкны нэр, харилцах данс, BIC;

· гудамжны нэр, байшингийн дугаар, орон сууцны дугаар;

· оршин суугаа газрын нэр (хот, суурин гэх мэт);

· талбайн нэр;

· бүгд найрамдах улсын нэр, нутаг дэвсгэр, бүс нутаг, автономит тойрог (бүс);

· шуудангийн код;

· хүлээн авагчийн (илгээгчийн) утасны дугаар (БОМС, MKPO тээвэрлэлтийн хувьд).”

Илгээгчийн нэр, хаяг нь бусад мэдээллээс ялгаатай нь байнгын мэдээлэл юм. Үүнийг хөтөлбөрт нэмж оруулах боломжтой.

Үүнийг хийхийн тулд дугуй товчлуур дээр дарна уу ОффисДэлгэцийн зүүн доод цэс болон доош унах цэсний товчлуур дээр дарна уу Word сонголтууд(Зураг 2).

Цагаан будаа. 2. Товчлуур Word сонголтууд

Нээгдсэн цонхонд зүүн талд байгаа команд дээр дарна уу Нэмж хэлэхэдбаруун талбарыг доош гүйлгээд бүлэг рүү очно уу Нийтлэг байдаг. Тэнд талбай байна Шуудангийн хаяг. Үүнийг бөглөж, дарж хадгална уу БОЛЖ БАЙНА УУ(Зураг 3).

Цагаан будаа. 3. Мэйл хаягийн талбарыг бөглөх жишээ

Одоо програм нь илгээгчийн буцах хаягийг санаж, дугтуйнууд дээр автоматаар зааж өгөх болно.

Хүлээн авагчийн индексийг зааж өгөхөд бэлдэж байна

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

Онлайнаар шуудангийн код бичих фонт хайхад хялбар байдаг.

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

Фонтын файл нь .ttf өргөтгөлтэй. Үүнийг бүх Word фонтуудын дунд харуулахын тулд та хавтсыг нээх хэрэгтэй Миний компьютер, дараа нь очно уу Хяналтын самбар, фолдерыг олоорой Фонтуудтатаж авсан файлыг энэ хавтас руу зөөнө үү.

Дугтуйг шошголох

Цагаан будаа. 4. Цонхны дугтуй, наалт

Анхаарна уу: энэ цонхны харгалзах талбарт илгээгчийн хаяг аль хэдийн заасан байна. Үүнийг дугтуйнд харуулах шаардлагагүй: үүнийг хийхийн тулд нүдийг шалгана уу Битгий хэвлэ. Гэхдээ бид үүнийг хийхийг зөвлөдөггүй, эс тэгвээс шуудангаар захидал илгээхэд асуудал гарч болзошгүй. Илгээгчийн хаяг нь шаардлагатай дэлгэрэнгүй мэдээлэл юм.

Дугтуйны параметрүүдийг тохируулахын тулд та товчлуур дээр дарах хэрэгтэй Сонголтууд. Дараагийн нээгдэх цонхонд хоёр таб байна: Дугтуйны сонголтуудТэгээд Хэвлэх сонголтууд.

Таб дотор Дугтуйны сонголтуудхэвлэх дугтуйны хэмжээг тогтооно; Миллиметрээр илэрхийлсэн дугтуйны формат, хэмжээг яг тэнд зааж өгсөн болно (Зураг 5). Хөтөлбөр нь сонгосон формат дээрх нарийвчилсан байршлын диаграммыг харуулах болно. Та хаягийн текстийн параметрүүдийг нэн даруй тохируулж болно: фонт ба хэмжээ. Дээр дарж өөрчлөлтүүдийг хадгалахаа бүү мартаарай БОЛЖ БАЙНА УУ.

Цагаан будаа. 5. Дугтуйны сонголтууд таб

Таб Хэвлэх сонголтууд, нэгдүгээрт, энэ нь хэвлэх хэвлэгчээ сонгох боломжийг олгодог, хоёрдугаарт, дугтуйг цаасны тавиур дээр яг хэрхэн байрлуулахыг харуулдаг (Зураг 6).

Цагаан будаа. 6. Print Settings таб

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

Цагаан будаа. 7. Бэлэн дугтуй

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

Корпорацийн хэв маягийн үзэсгэлэнтэй дугтуйг төрийн болон мэргэжлийн баярт зориулсан баярын шуудангаар тусгайлан бэлтгэж болно. Хамгийн чухал зүйл бол Word дээр дугтуй үүсгэх ажил зүгээр л төвөгтэй мэт санагддаг. Энэ нь үнэндээ маш энгийн бөгөөд энэ функцийг мэдсэнээр хэмнэгдсэн цаг нь үнэлж баршгүй юм.

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

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

Имэйл мэдээллийн фонтыг хэрхэн сонгох вэ?

Ихэнх имэйл үйлчилгээ үзүүлэгчид имэйлийг харуулахын тулд HTML ашигладаг тул уншигчдад харагдах фонт, хэв маягийн зөв HTML кодыг ашиглах хэрэгтэй. Бараг бүх гаджетууд болон имэйл клиентүүд дээр зөв харуулдаг тул өргөн боломжтой фонтуудыг ашигла:

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

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

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

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

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

Загварт тохирохгүй олон төрлийн фонт, хослолоос зайлсхий (жишээлбэл: Arial болон Comic Sans).

Хэрэглэгч танд дасахын тулд и-мэйлтэй ижил фонтыг буух хуудсан дээр ашиглаарай.

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

Загварын элементүүдийг үсгээр бичих

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

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

Налуу "болгоомжтой"таны үгэнд анхаарал хандуулдаг. Энэ нь догол мөрөнд нэг үг эсвэл богино өгүүлбэрийг онцлон тэмдэглэх, дэд гарчиг, зохих нэр эсвэл зарим төрлийн гарчгийг тодорхойлоход тохиромжтой сонголт юм. Компьютерийн дэлгэц дээр налуу үсгийг уншихад хэцүү байдаг тул налуу үсгийг зөвхөн ганц үг, богино хэллэгээр хязгаарлах нь дээр.

Тод эсвэл налуу үсгийг хэт их хэрэглэхээс зайлсхий - үүнийг унших боломжгүй бөгөөд хэрэглэгч имэйлээ хаах болно.

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

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

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

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

Хар дэвсгэр дээрх цагаан сериф фонт нь эвгүй юм. Мэдээжийн хэрэг, захиргаа тэднийг юу, яаж илгээхийг илүү сайн мэддэг, гэхдээ ийм захидал уншихад хэцүү гэдгийг та хүлээн зөвшөөрөх ёстой.

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

• Уншихад тав тухтай байхын тулд үсгийн өндөр болон хоорондын зай нь адилхан чухал юм. гэдгийг харгалзан үндсэн фонтыг 12 пикселээс багагүй болгоно. Үсгийг бүхэлд нь 16 пикселээс том болгохгүй байх нь дээр - энэ нь үсгийг уртасгах бөгөөд захидал уншихад тохиромжгүй болно.

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

Гэхдээ энэ баримт нь зөвхөн Arial болон Times New Roman-г ашиглаж болно гэсэн үг биш юм. Өнөөдрийн материалд бид цахим шуудангийн фонттой ажиллах боломжуудыг авч үзэх болно.

Типографийн үндэс

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

Энд зарим нэг текст байна.
Та текстийн өнгө (өнгө), ашигласан фонт (фонт-гэр бүл), жин (фонт-жин) болон мөрийн өндөр (мөр-өндөр) зэргийг тодорхойлсон нүднүүдэд CSS-ийн хэв маягийг хэрэглэж болно.

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

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

Вэб фонт ашиглах

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

Вэб фонтыг оруулах хэд хэдэн арга байдаг ч Паул Google Web Fonts гэх мэт сайтуудаас фонтуудыг "татах" зорилгоор ашигладаг гадаад загварын файлыг ашиглахыг зөвлөж байна.

Дараа нь шугамын хэв маягт та хүссэн фонтыг font-family мэдэгдэлд нэмж болно:

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

Имэйл клиент дэх вэб фонтыг гадаад загварын хуудасны холбоосоор дамжуулан дэмжих
Apple Mail 6
Lotus Notes 8
Төлөв 2000
Mac дээрх Outlook 2011
Аянга шувуу
iPad
iPhone
Android 2.3
Android 4.2

Харамсалтай нь Outlook нь бидний өөр фонтуудыг харуулахгүй (мэдээж эргэлзэх болно). Үүний оронд энэ нь холбогдох бүх хэв маягийг үл тоомсорлож, Times New Roman ашиглан текстийг харуулах болно. Гэхдээ үүнийг тусгай CSS анги ашиглан шийдэж болно - энэ нь нөхцөлт тайлбараар дамжуулан хүссэн текстийг тодруулж, ашигласан фонтуудын тухай мэдээллийг Outlook руу дамжуулах болно.

Энд зарим нэг текст байна.
Одоо анхдагчаар Times New Roman биш харин Arial эсвэл өөр суулгасан sans serif фонт ашиглан үсгүүдийг харуулах болно.

Хүснэгтийн нүдгүй олон баганын харагдац

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

Энэ бол баганын тооллын CSS шинж чанар нь аврах ажилд ирдэг газар юм. Гэхдээ үүнийг санах нь чухал: энэ үеэс эхлэн бид баганын тооллогыг дэмждэг програм ховор байдаг зэрлэг нутаг дэвсгэрт нэвтэрч байна.

Энэ шинж чанарыг ашигласнаар та текстийг хуваах баганын тоог тохируулж болно. Код нь иймэрхүү харагдаж байна:

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

Дээр дурьдсанчлан, дэмжлэгтэйгээр бүх зүйл тийм ч сайн биш байна:

Заримдаа янз бүрийн лайф хакеруудын тусламжтайгаар (жишээ нь догол мөрний шошгонд хэв маягийг ашиглах) баганын тоо бүхий үсэг болон бусад зарим үйлчлүүлэгчийг харуулахыг албадах боломжтой. Ялангуяа туршилтын үеэр Паул үүнд хүрч чадсан, жишээлбэл, Firefox дахь Outlook.com дээр.