![Page 1: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman](https://reader033.vdocuments.mx/reader033/viewer/2022053020/6053fa8faf72b1755e5b7119/html5/thumbnails/1.jpg)
Text &
Typography
![Page 2: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman](https://reader033.vdocuments.mx/reader033/viewer/2022053020/6053fa8faf72b1755e5b7119/html5/thumbnails/2.jpg)
Text
Text
Visual representation dari suatu bahasa
Element grafik
Pola bit yang disimpan dalam memory computer
ditampilkan sesuai dengan makna Bahasa
Terkait dengan typografi:
• Precise shape of a character
• Spacing
• layout
![Page 3: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman](https://reader033.vdocuments.mx/reader033/viewer/2022053020/6053fa8faf72b1755e5b7119/html5/thumbnails/3.jpg)
Character Sets
Perlu dibedakan Antara
Content dari suatu text
Penampilan fisik suatu text
![Page 4: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman](https://reader033.vdocuments.mx/reader033/viewer/2022053020/6053fa8faf72b1755e5b7119/html5/thumbnails/4.jpg)
![Page 5: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman](https://reader033.vdocuments.mx/reader033/viewer/2022053020/6053fa8faf72b1755e5b7119/html5/thumbnails/5.jpg)
IS)-10646
![Page 6: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman](https://reader033.vdocuments.mx/reader033/viewer/2022053020/6053fa8faf72b1755e5b7119/html5/thumbnails/6.jpg)
![Page 7: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman](https://reader033.vdocuments.mx/reader033/viewer/2022053020/6053fa8faf72b1755e5b7119/html5/thumbnails/7.jpg)
Monospaced vs Proportional
![Page 8: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman](https://reader033.vdocuments.mx/reader033/viewer/2022053020/6053fa8faf72b1755e5b7119/html5/thumbnails/8.jpg)
Serifs
![Page 9: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman](https://reader033.vdocuments.mx/reader033/viewer/2022053020/6053fa8faf72b1755e5b7119/html5/thumbnails/9.jpg)
Italics vs Slanting
![Page 10: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman](https://reader033.vdocuments.mx/reader033/viewer/2022053020/6053fa8faf72b1755e5b7119/html5/thumbnails/10.jpg)
Fantasy fonts
![Page 11: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman](https://reader033.vdocuments.mx/reader033/viewer/2022053020/6053fa8faf72b1755e5b7119/html5/thumbnails/11.jpg)
Combining
![Page 12: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman](https://reader033.vdocuments.mx/reader033/viewer/2022053020/6053fa8faf72b1755e5b7119/html5/thumbnails/12.jpg)
Typography
Pt is font size. 1 Pt is 1/72 inch (0.3528 mm).
1 Pica (pc) is 12 Pt.
12 Pt Times Roman means the body size is 12 Pt.
A font size can also be expressed in ex (x-height).
1 em is the size of an uppercase M.
![Page 13: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman](https://reader033.vdocuments.mx/reader033/viewer/2022053020/6053fa8faf72b1755e5b7119/html5/thumbnails/13.jpg)
Kerning
![Page 14: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman](https://reader033.vdocuments.mx/reader033/viewer/2022053020/6053fa8faf72b1755e5b7119/html5/thumbnails/14.jpg)
Ligatures
A ligature occurs where two or more graphemes or
letters are joined as a single glyph
æ as used in English, in which the letters a and e are
joined
The common ampersand (&) developed from a ligature in
which the handwritten Latin letters e and t (spelling et,
from the Latin for "and") were combined
![Page 15: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman](https://reader033.vdocuments.mx/reader033/viewer/2022053020/6053fa8faf72b1755e5b7119/html5/thumbnails/15.jpg)
Anti alias
(1) Smoothing the jagged appearance of diagonal lines
in a bitmapped image. The pixels that surround the
edges of the line are changed to varying shades of gray
or color in order to blend the sharp edge into the
background. This technique is also called "dithering,"
but is usually known as anti-aliasing when applied to
diagonal and curved lines.
(2) Smoothing a distorted signal by applying various
techniques that add data or filter out unwanted noise.
![Page 16: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman](https://reader033.vdocuments.mx/reader033/viewer/2022053020/6053fa8faf72b1755e5b7119/html5/thumbnails/16.jpg)
Layout & Formatting
Text as Bitmap Graphics
Text as Vector
WYSIWYG (text-based formatter)
Text as Vector Graphics