Font properties

0.0(0)
Studied by 0 people
linked notesNote
call kaiCall Kai
learnLearn
examPractice Test
spaced repetitionSpaced Repetition
heart puzzleMatch
flashcardsFlashcards
GameKnowt Play
Card Sorting

1/11

encourage image

There's no tags or description

Looks like no tags are added yet.

12 Terms

1
New cards

Front property

A property that styles the font in HTML.

2
New cards

Font-size

A font property used to set the size of the font.

3
New cards

Font-weight

A font property used to set the boldness of the font.

4
New cards

Font-family

A font property used to set the typography of the font.

5
New cards

Static metrics

Font size measurements that do not vary throughout the development, such as pixels (px) and points (pt).

6
New cards

Relative metrics

Font size measurements that may vary depending on other tag's values, such as em and rem.

7
New cards

Px

A static metric that represents 0.26mm.

8
New cards

Pt

A static metric that represents 0.35mm.

9
New cards

Em

A relative metric that represents 100% of the parent element's font size.

10
New cards

Rem

A relative metric that represents 100% of the root element's font size.

11
New cards

Font weight representation

Can be done using keywords (normal, bold, light), relative keywords (lighter, bolder), or numbers (100-900).

12
New cards

Importing new fonts to HTML

Search for the desired font in Google Fonts, copy the HTML link and paste it in the head section of the HTML file, and copy the CSS rule to apply the font in the stylesheet.