Title: Theory / Unimportant / CS / Descriptive / Material / Design / Type
On every note of this deck, unless a note says otherwise:
Page: https://material.io/design/typography/understanding-typography.html#type-properties

Name: A glyph
Definition: A character shapes in a certain fonts
Page: 330
Chapter: 7
Section: 1.2

Name: Baseline
Definition: An imaginary line upon which the characters seem to be standing.
Page: 22
Chapter: 1
Section: Anatomy of Type
Context: typography

Name: X-height
Definition: The height of the body, or main element, of the lowercase letterform, which falls between the meanline and baseline
Page: 24
Chapter: 1
Section: Anatomy of Type
Context: typography
Etymology: the strokes of the lowercase x terminate at the baseline and the meanline.

Name: Ascender
Definition: The part of some lowercase letters, such as the strokes on the letters b, d, or h, that rises above the meanline.
Page: 24
Chapter: 1
Section: Anatomy of Type
Context: typography

Name: Descender
Definition: The part of some lowercase letters that falls below the baseline, such as the strokes on the letters p, y, and g.
Page: 24
Chapter: 1
Section: Anatomy of Type
Context: typography

Name: Sans-serif type
Definition: A type having no serif
Page: 24
Chapter: 1
Section: Anatomy of Type
Context: typography
Etymology: Sans=Without in French

Name: Material type scale
Definition: A set of 13 typography styles for everything from headlines to body text and captions
Page: https://material.io/design/introduction#theming
Context: Material

Name: Type scale generator
Definition: A tool for creating type scales and corresponding code
Page: https://material.io/design/typography/the-type-system.html#type-scale
Context: Material

Name: Type scale
Definition: Headline 1 to 6
Page: https://material.io/design/typography/the-type-system.html#type-scale
Context: Material
Definition2: Subtitle 1 and 2
Definition3: Body 1 and 2
Definition4: Button
Definition5: Caption
DefType: A set of types with
Definition6: Overline

Name: Cap height
Definition: the height of a typeface’s flat capital letters (such as M or I) measured from the baseline
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material

Name: Letter-spacing
Definition: Space between two successive letters
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material

Name: Stem
Definition: A main vertical stroke
Page: https://material.io/design/typography/understanding-typography.html#type-properties https://en.wikipedia.org/wiki/Typeface_anatomy
Context: Material

Name: Stroke
Definition: the components of a letterform
Page: https://material.io/design/typography/understanding-typography.html#type-properties https://en.wikipedia.org/wiki/Typeface_anatomy
Context: Material

Name: Aperture
Definition: The opening between the counter and the outside of the letter
Page: https://material.io/design/typography/understanding-typography.html#type-properties https://en.wikipedia.org/wiki/Typeface_anatomy
Context: Material

Name: Weight
Definition: refers to the relative thickness of a font’s stroke
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material

Name: Serif typeface
Definition: A typeface whose letters have serif
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material

Name: Old-style serifs
Definition: Low contrast between thick and thin strokes
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material
Definition2: Diagonal stress in the strokes
Definition3: Slanted serifs on lower-case ascenders
Intuition: resemble writing in ink
DefType: A serif with

Name: transitional serifs
Definition: High contrast between thick and thin strokes
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material
Definition2: Medium-High x-height
Definition3: Vertical stress in the strokes
Definition4: Bracketed serifs
DefType: Serifs with

Name: Didone
Definition: Very high contrast between thick and thin strokes
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material
Definition2: Vertical stress in the strokes
Definition3: “Ball” terminal strokes.
Name2: neoclassical serifs
DefType: Serif with

Name: Slab serif
Definition: Heavy serifs with imperceptible differences between the stroke weight
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material
Definition2: Minimal or no bracketing
DefType: Serif with

Name: Grotesque
Definition: Low contrast between thick and thin strokes, vertical or no observable stress
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material

Name: Humanist
Definition: Medium contrast between thick and thin strokes, slanted stress
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material

Name: Geometric
Definition: Low contrast between thick and thin strokes, with vertical stress, and circular round forms
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material

Name: Monospace
Definition: display all characters with the same width.
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material

Name: Handwriting typefaces
Definition: Unconventional with a natural, handwritten feel
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types
Intuition: typically are used as H1 - H6 in your type scale

Name: Black letter
Definition: High contrast, narrow, with straight lines and angular curves
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types
DefType: Hand writing type

Name: Script
Definition: Replication of calligraphic styles of writing
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types
Intuition: more formal

Name: Handwriting ype
Definition: Replication of handwriting
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types
Intuition: Less formal

Name: Display
Definition: A miscellaneous category for all classification types that are only suitable for use at large point sizes.
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types

Name: Readability
Definition: how easy it is to read words or blocks of text
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types
Intuition: affected by the style of a typeface.

Name: Letter spacing
Definition: the uniform adjustment of the space between letters in a piece of text.
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types
Name2: tracking

Name: Tabular figures
Definition: Figures (numbers) with fixed spaces
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types
Name2: monospaced numbers
Intuition: Allow to align numbers one top of the other

Question: What numbers to use in tabular?
Answer: Tabular figures
Context: Material types

Question: Ideal number of character by line in English
Answer: 40 to 60
Context: Material types

Question: What to do if there is more than 60 characters by line
Answer: Increase line height from 20sp to 24sp
Context: Material types

Question: Maximal acceptable number of characater per line in English
Answer: 120
Context: Material types

Question: What should be the line height
Answer: Proportional to the the type size
Context: Material types

Question: What should be the paragraph spacing
Answer: Between .75x and 1.25x of the type size
Context: Material types

Name: Paragraph spacing
Definition: Space between paragraphs
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types

Name: Type alignment
Definition: Centered
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types
Definition2: left-aligned or red-aligned
Conjdef: Either
DefType: controls how text aligns in the space it appears.

Name: Left-aligned
Definition: when text is aligned to the left margin
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types

Name: Right-aligned
Definition: when text is aligned to the right margin
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types
Intuition: for distinguishing short typographic elements within a layout

Name: Centered
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types
Intuition: used to distinguish short typographic elements within a layout (such as pull quotes)

Name: System font
Definition: A font pre-installed on the computer or device
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types

Question: Advantage of System font
Answer: Free of use
Context: Material types
Answer2: Consistency for user

Question: Disadvantage of System font
Answer: they may not stand out.
Context: Material types

Name: Roboto font
Definition: default system font for Android
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types

Name: Apple's San Francisco font
Definition: default system font for iOS
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types

Question: What varies in glyph between various languages
Answer: RTL/LTR
Context: Material types
Answer2: Length of word
Answer3: Height
Answer4: Standard use of vertical typesetting

Name: Tall typefaces
Definition: Language scripts that require extra line height to accommodate larger glyphs
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types
Example: South and Southeast Asian and Middle-Eastern languages, like Arabic, Hindi, Telugu, Thai, and Vietnamese.

Name: Dense typefaces
Definition: Language scripts that require extra line height to accommodate larger glyphs
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types
Example: Chinese, Japanese, and Korean.

Name: English-like typeface
Definition: A typeface neither tall nor dense
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types
Example: Western, Central, and Eastern Europe and much of Africa are typically written in the Latin alphabet

Name: Noto
Definition: Default typeface on android when Roboto is not available
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types

Name: Google's language categories
Definition: English-like
Page: https://material.io/design/typography/understanding-typography.html#type-properties
Context: Material types
Definition2: Tall
Definition3: Dense