Typography

(Taipografi)
 Fonts: Penting?

Definisi

Himpunan karakter (nombor, huruf dan

karakter tertentu) yang mempunyai
rekabentuk yang sama : (berasaskan)

typeface, type style dan weight..

 Font: Klsifikasi
Fonts are ‘Classified’ samada –
Serif or Sans Serif
Serif
Times New Roman
Bookman Old Style
Sans Serif
Arial
Tahoma
 Serif Fonts
fonts yang mempunyai ‘ekor’ dihujung
huruf
Sesuai di cetak di media cetake.g buku
atu majalah
Kurang sesuai untuk persembahan
idgital
 Sans Serif Fonts
“clean lines” (bersih) sesuai untuk
headlines dan teks yg bersar
perhatian pembaca.
Sesuai untuk persembahan digital
Arial 60 pt Bold

Typeface Weight Style

Font Family:
Sans Serif
Times New 32 pt Italics
Roman

Typeface Weight Style

Font Family:
Serif
 Font Personality
 Perkataam yang sama dalam jenis font yang
lain membawa makna yang berbeza.

Eg, font disebelah kira tidak menunjukkan

sesuaitu itu sangat penting/serius
Mixing and Matching Fonts
The contrast diantara 2 jenis font
akan menarik mata pembaca dan
dapat membantu sesuatu maklumat
disampaikan
Contoh :
Font berbeza digunakan untuk body text –
konten dari headlines (also known as
display text).
Mencampur dan memadan
Fonts
Petua:
 hadkan 2 jenis keluarga font untuk
percetakan kecil spt business
Penerbitan panjang, guna maksima tiga
fonts.
Campuran serif font untuk body text
dgna sans serif bold untuk headings.
Mixing and Matching Fonts
Dalam satu penerbitan, jangan campur
duaserif fonts, atau dua sans serif fonts
Jika font itu seakan sama maka kesilapan
itu agak jelas.
Mixing and Matching Fonts
Guna lighter weight for body text dan
heavier, bold font at a larger size for
display text.
E.g.

Introduction Display Text:

I am using a lighter weight for the content
Arial, 24pt, Bold

Body Text:
Times New Roman, 18pt, Regular
 The Body Text
Body text ialah teks yang digunakan
dalam body (badan).
newsletter atau buku, ceritanya
penerbitan kecil, kesemuanya sekali
Choosing a font for body text
Body text mesti boleh dibaca
Fonts yang senang dibaca mudah di
skan perkataan dan garisan – baca
dalam blok
Font ntuk penerbitan, Serifs fonts lebih
mudah dibaca berbanding Sans Serif
DON'T USE ALL CAPITAL LETTERS or
all italics for body text. Sukar untuk
dibaca.
Choosing a font for body text
A medium-weight font – not too heavy
and not too light – is most readable.
Choosing a font for body text
 Format body text
formatting konsisten sepanjang penerbitan –
guna text styles
 Saiz Font
Untuk body text bagi penerbitan – between 10
and 12 points
Font kecil menyukarkan pembacaan
Choosing a font for body text
Space (jarak) antara ayat
Hanya satu space, bukan dua space
dianatara ayat
Gunakan ikon ini untuk memastikan
spacing tepat dalam Ms Wors.
Choosing a font for body text
Jarak yang lebih dari satu spacing (dua
dan seterus) adalah tren dari zaman
typewritter
Space Between Paragraphs
Pastikan ada noktah dihujung ayat
dan ada signal pada permulaan
perenggan.
Ada 2 cara:
Indent (using tab) line pertama
Jarak untuk menunjukkan perenggan
Using Indentation

Using White Space

 Alignment
Flush left. All the lines align on the left margin, with the
right edge uneven, or “ragged,” as in this slide. This
alignment is recommended for most body text because it's
the most readable (Kiri)
Flush right. All the lines align on the right margin, with a
ragged left edge. The eye struggles to find the beginning of
each line, making reading difficult, so this alignment's uses
(Kanan) are limited
Centered. Text is not easily readable, but works well in
short amounts as in invitations and announcements.
Centered text is often used for headings (Tengah)
Justified. Text is aligned on both the left and right margins.
Don't justify text if the lines are short or the font is large; it
can create unsightly gaps and slow down reading.
(Justified)
 The Display Text
Display text adalah bertujuan menarik
mata pembaca dengan cara berlainan
menarik, besar

as a general rule, display text lebih

besar dari 14 points.
 The Display Text
Paparan teks adalah berlainan di
dalam buku atau laporan berbanding
iklan di brosur atau majalah
Dalam buku/laporan, paparan teks
membantu melihat organisasi dan juga
navigasi penerbitan
Dalam sesebuah iklan, display text
mesti membina gambaran/imaginasi dan
seterusnya membaca iklan
 Choosing a Font for the
Display Text
Adakan contrast/perbezaan:
Pilih font headline dari kelurga font
yang berlainan
Jika hanya memilh satu jenis font maka
pastikan headline itu di bold dan
besarkan.
Buat pilihan yang bijak
Konsisten
 Formatting Display Text
Gunakan plain text untuk penerbitan
seperti laporan
Guna WordArt jika mahu kelihatan
berlainan (e.g. iklan).
 Display Text: Font Size
Set main headings diantara dua
hingga empat kali besar dari body
teks
Untuk laporan - font 14 points for the
display text
Pastikan saiz untuk heading
bersesuaian dengan kepentingan –
heading yang lebih penting, saiz font
bertambah besar
 Display Text: Spacing
Pastikan spacing antara headline and body
text rapat
Ini memberikan headline cohesiveness
(kesinambungan) dan stand out (jelas) dari
body text

6 pt.

24 pt.
 Display Text: Capitalization
 Jika perlu huruf besar, guna short
(pendek) headlines
 Jika tidak menggunkan huruf besar,
konsisten dalam penggunaan headings
and subheadings dalam penerbitan anda
Gunakan huruf besar pada setiap perkataan
aatau gunakan huruf besar di awal ayat sahaja.

Display Text
DISPLAY TEXT

Choosing a Font for a Display Text

CHOOSING A FONT FOR A DISPLAY TEXT