HOW TO CHOOSE TYPEFACES?

HOW TO CHOOSE TYPEFACES?

WHAT TYPES OF FONTS ARE THERE?SERIF HumanistOld styleTransitionalModernSlab serif

SCRIPTDISPLAY

SAN-SERIF GrotesqueNeo-grotesqueHumanistGeometric

SERIF (HUMANIST, OLD STYLE, TRANSITIONAL, MODERN, SLAB SERIF)Old Style and Transitional typefaces c serif nghing, s chuyn i gia nt mng v dy l trung bnh, c ng stress nghing. Nu thit k 1 quyn sch, Newletter hay Annual Report vi nhiu text th nn dng 2 typeface nay. Trong iu kin in n tt th dng Old Style s cho kt qu tt nht. Modern typeface c serif mng v ngang, s chuyn i gia nt mng dy mnh, c ng stress ng, khng nn dng cho 1 on paragraph. Modern ch nn dng lm headline hoc dng 1 vi k t lm logo. Slab serif typeface c serif dy, ngang, khng c s chuyn i gia nt dy v mng hoc nu c rt t . Nu font slab serif khng qu nng th rt d c. Trong iu kin in n khng tt, slab serif l s la chn tt nht v cc nt ca n rt dy. SAN-SERIF (GROTESQUE, NEO-GROTESQUE, HUMANIST, GEOMETRIC)Khng c serif v hu ht u l mono weight v v th th s lm cho san-serif khng c bng serif v serif c nhiu chi tit ch hn. Tuy nhin v c t chi tit nn khi dung sans-serif trong nhng on text ngn th li c v trng r rang v d nhn hn serif. Nu dng san-serif lm body text th chia lm nhiu on v them khong trng nhiuSCRIPT & DISPLAYC tnh cht khng r rng v cch dung gii hn, Hu nh ch dng cho headline hoc 1 on text ngn.

2

WHAT IS YOUR GOAL?

LEGIBILITYChoose typefaces with conventional letter forms.Choose typefaces with generous spacing.Choose typefaces with a tall x-height.READABILITYChoose typefaces that were designed for the purpose.Align text to right ragged for comfortable word spacing online to avoid rivers.Make sure your line height is greater than the point size of your typeface for multi-line texts.MOOD

R RNGChn kiu ch vi c form ch bnh thng. Chn kiu ch vi khong cch ho phng.Chn kiu ch vi chiu cao x-height n.

D CChn kiu ch c thit k cho mc ch . Canh l ch rag bn phi" thoi mi trnh li con sng.Chc chn rng leading ln hn size ch bn chn cho vn bn nhiu dng.

KH SC3

10 RULES FOR CHOOSING THE PERFECT TYPEFACE

Create a mood.Choose an appropriate typeface. Use caution when using unusual typefaces. Combine typeface effectively.Limit the number of typefaces you use in a project.Choose a typeface that has the characters you need.Remember it has to be readable.Stick with safe typefaces for web use.Use causing when placing text against a dark background.Throw out the rules.

To c kh sc, tm trng cho on text.Chn 1 mt kiu ch thch hp.S dng cn thn khi dng typefaces hi khc. Kt hp cc typeface hiu qu.Gii hn s typefaces s dng trong mt project.Chn mt kiu ch m c y cc k t cn.Ghi nh rng n phi d c.Kiu ch an ton s dng cho webS dng khi t vn bn ln trn nn ti. Nm b cc nguyn tc. 4

MIXING TYPEFACES

CONTRAST CONCORDCONFLICT

MIXING TYPEFACESConcord: cc font trong cng 1 typeface, cc thnh phn c tnh cht ging nhau. ng nht, n nh, tuy nhin thiu sng to, thiu s t ph. Cch dung font ho hp hu nh c dng trong cc thit k chun, hay nghim tc. Conflict: 2 typeface khc nhau nhng li c chung tnh cht, style, nng v th trng chng ging nhau, v th chng s xung t, khng tt cho thit k, to s nhm ln hoc nghi ng. Contrast: kt hp 2 typeface ring bit, hoc cng typefact nhng c tnh cht khc nhau r rt. To ra s nhn mnh cho thit k. Size, Weight, Structure(cu trc ch), Direction, Color or Tone

6

AVOID THESE 5 MISTAKES WHEN MIXING FONTSChanging Fonts Too FrequentlyInappropriately Sizing FontsMisusing FontsUsing Similar FontsUsing Clashing Styles

Thay i font qu thng.Sizing font khng thch hp.Li dng font.S dng font tng t.S dng style va chm. 7

34 SINS TYPO-GRAPHYTwo spaces between sentences.Dumb quotes instead of smart quotes.Dumb apostrophe instead of a smart apostrophe. Failing to tuck punctuation inside quotes. Failing to kern display type.Using a hyphen instead of an en dash. Using two hyphens instead of an em dash. Too many consecutive hyphens. Large amount of body text in uppercase letters. Large amount of reversed type.Using process colors for body text.

Hai khong trng gia cc cu. Quotes cm thay th bi quote thng minh. Du ch cm thay cho du ch thng minh. Khng ci du chm cu trong ngoc kp. Khng kern i vi display type. S dng hyphen thay v en dash S dng 2 hyphens thay v em dashS dng qu nhiu hyphen.S dng in hoa cho body textS dng nhiu cc loi o ngc. S dng ci t mu cho body text.

8

34 SINS TYPO-GRAPHYUnderlining titles instead of italicizing them. Failing to eliminate widows. Failing to eliminate orphans.Rivers in justified text. Inconsistent leading. Indenting the first paragraph. Indenting a paragraph too far. Failing to hang punctuation into the margin. Failing to use or create fractions. Incorrectly abbreviating AM and PM. Failing to provide margins for type in the box.Faux italic/oblique, bold and small cap type.

12. Gch di titles thay v phi italic chng. 13. Li qu ph.14. Li m ci. 15. Li dng sng. 16. Leading khng ph hp17. Tht u dng on u tin. 18. Tht u dng qu xa. 19. Khng treo du cu khi vo l. 20. Khng s dng hoc to ra cc phn s. 21. Vit tt khng chnh xc AM or PM. 22. Khng xy dng v cho ch trong hp 23. Gi italic/oblique, bold, small cap. 9

34 SINS TYPO-GRAPHYStrokes which encroach upon letterforms. Horizontally-scaled type. Vertically-scaled type. Negative letter spacing. Bad line breaks in headline and body text.Stacking lowercase letters.Failing to indent bulleted lists. Failing to use accent marks. Failing to align baseline of type in adjacent columns of body text.Failing in correct bad rags. Failing in use ligatures.

24. ng vin ln vo trong form ch. 25. Scale theo chiu dc.26. Scale theo chiu ngang. 27. Khong m bn ca khong cch ch. 28. Ngt dng xu gia headling v bodytext. 29. Xp chng ch thng.30. Khng tht gch u dng. 31. Khng s dng du trng m. 32. Baseline ca cc body text khng ngang hng. 33. Rag khng ng. 34. Li trong s dng ch ghp 10

THANK YOU FOR LISTENING !