Fonts And Colors Flashcards

1
Q

I know it’s a standard font format for web fonts, but what does .woff mean?

A

Web open font format

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Which rule allows you to define the name and location of a font in my page?

A

@ font-face

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What does ttf mean?

A

True type font .ttf

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

What does otf mean?

A

Open type font .otf

It was built on top of ttf and is newer

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

What is .eot?

A

Compact form of ttf, proprietary to IE

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

What is .svg?

A

Scalable vector graphics font used to represent characters

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Which font format is best supported across most browsers?

A

Woff

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Name the five font families

A
Serif
Sans serif
Cursive
Monospace
Fantasy
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

How do you specify a font with multiple words in its name?

A

Put quotes around the name in the font family declaration

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Five steps to add a web font to your page?

A

1) find a font
2) determine font format (.woff is best)
3) place font files on the web
4) add the @font-face property to your CSS
5) use the font-family name in your CSS

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Where can you find open source, free fonts?

A

Fontsquirrel

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

What are the 7 keyword font sizes?

A
xx-small
x-small
small
medium
large
x-large
xx-large
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

What are your four choices in specifying font sizes?

A

Keyword
px
em
percentage

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

What is best practice for sizing font?

A

Use keyword font size in the body element and specify the font size of your other elements relative to the default size using percentages

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

em means

A

The font size of the parent element

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

@ import rule allows you to import other CSS files rather than a “link” in your HTML. T or F?

A

True

17
Q

What does @ media allow you to do?

A

Create CSS rules that are specific to certain media types

18
Q

Name a resource that will manage the fonts and CSS for you.

A

Google web font service google.com/webfonts

19
Q

How to bold text

A

font-weight : bold ;

20
Q

How to italicize text

A

font-style : italic ;

21
Q

The three ways to specify colors in CSS

A

1 name the color (16 basic colors)
body { background - color : silver ; }
2 RGB
body { background - color : RGB ( 80% , 40% , 0% ) ; }
3 hex code
body { background - color : # cc 66 00 ; }

22
Q

What is hex short for?

A

Hexidecimal system

23
Q

The hex system allows two alpha numerical digits to represent from zero to ___

A

255

24
Q

Always start hex code with

A

#

25
Q

You can abbreviate hex codes if each two digit pair has the same

A

#

For example, # ccbb00 can be shortened to # cb0

26
Q

The color property specifies the color of

A

Text

27
Q

Which element is usually shown as a strike through (meaning you want to delete it)

A

< del >

28
Q

Name the element used to indicate you want to add text (usually shown as underlined)

A

ins

29
Q

How do you turn off bold style?

A

font-weight : normal ;

30
Q

What’s the difference between italic and oblique?

A

Both are slanted to the right but italic adds extra curls to the serifs

31
Q

For web or computer colors, where 100% of red, blue and green intersect, the color is

A

White

32
Q

60% of R and G and B mixed will produce

A

Gray

33
Q

How do you get black in RGB?

A

0% red 0% green 0% blue

34
Q

What are the two ways to specify colors in RGB?

A

Percent or numeric values

35
Q

For # cc6600 what is the value of cc?

A

The c on the right is 12
The c on the left is 12 x 16 or 192
192 + 12 is 204

36
Q

What are the “numbers” in the hex system?

A

0-9 then A-F for a total if 16 digits

37
Q

Web safe colors are pretty much a thing of the

A

Past