Summary

This document provides a concise overview of typography concepts, including terms like “cuneiform”, “HTM”, and “Typeface”, highlighting the function of different font types and styles.

Full Transcript

**Cuneiform system →** A logo-syllabic writing system that was used to write several languages of the ancient Near East.\ **ا**. **HTML →** \"Hyper Text Markup Language,\" the native language of the web designed to display simple text with occasional graphic images. **If bandwidth improved →** Mor...

**Cuneiform system →** A logo-syllabic writing system that was used to write several languages of the ancient Near East.\ **ا**. **HTML →** \"Hyper Text Markup Language,\" the native language of the web designed to display simple text with occasional graphic images. **If bandwidth improved →** More info is successfully embedded **Typeface →** Family of graphic characters that include many type sizes. **Font →** Collection of characters of a single size and style belonging to a typeface. **Font/type size →** In points. 1 point = 0.0138 inch or 1/72 of an inch. **Font size →** The distance from the top of the capital letter to the bottom of the descender. **Font is commonly used while typeface is correct.**\ **ا** **X-height →** Height of lowercase letter x. **Ascender →** Letters with taller features. **Descender →** Parts of a certain letter that fall below the baseline.\ **ا** **Ascenders and Descenders need to be considered when determining text.**\ **ا** **Computer fonts automatically add space below ascenders to provide appropriate line spacing.** **Leading →** How text is spaced vertically in lines. / The leading is measured from the baseline of each line. / Leading improves readability. **Kerning →** The spacing between character pairs. **Unacceptable →** When words are set too closely together. **Awkward read →** When they\'re set too far. **Posture →** Straight \| Italic. **Normal kerning →** Round → Straight → \"Oh\". **Open kerning →** Straight → Straight. → \"hn\". **Tight kerning →** Round → Round → \"Oo\". **Tracking →** Adjusting the space throughout the entire word/texture. The space equally between every letter at once. / Is used to fill a space and make a single word seem airy or impressive. / You should be careful, when changing tracking it can quickly lead to difficulty in reading. **Rasterizing →** Converts the letters from mathematical to symbols on screen or printed output.\ **ا** **Font Style**: Adjusting the body width of each character from regular to expanded or condensed. **Aliasing**: Visual stair-stepping of edges that occurs in an image when the resolution is too low. **Anti-Aliasing**: Smoothing of jagged edges in digital images by averaging the colors of pixels at a boundary. **Serif**: A small line or stroke regularly attached to the end of a larger stroke in a letter. **Sans-Serif**: (Gothic) Does not have extended features at the end of letters. **Serif Used In**: Body text, as it guides readers' eyes along the lines (books, magazines, brochures, posters, art).\ **ا** **Sans Used In**: Headlines and bold statements (web, interfaces, mobile apps, catalogs, presentations, signboards). **Design Perspective**: Select font based on the complexity of your message and its site. **Presentation**: Use bulleted points in large fonts and few words with lots of white spaces.\ **ا** **Notes:** **Point Size**: From ascender to descender. **Bandwidth**: Speed of the internet.\ **ا** Why rounded characters take less space? Because of their shape. Sans font is easier to read on web and mobile.\ خ Ancient Egyptian Hieroglyphs: a character used in a system of pictorial writing, particularly that form used on ancient Egyptian monuments

Use Quizgecko on...
Browser
Browser