Fonts And Colors

Question 1

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

Answer 1

@ font-face

Question 2

What does ttf mean?

Answer 2

True type font .ttf

Question 3

What does otf mean?

Answer 3

Open type font .otf

It was built on top of ttf and is newer

Question 4

What is .eot?

Answer 4

Compact form of ttf, proprietary to IE

Question 5

What is .svg?

Answer 5

Scalable vector graphics font used to represent characters

Question 6

Which font format is best supported across most browsers?

Answer 6

Woff

Question 7

Name the five font families

Answer 7

Serif
Sans serif
Cursive
Monospace
Fantasy

Question 8

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

Answer 8

Put quotes around the name in the font family declaration

Question 9

Five steps to add a web font to your page?

Answer 9

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

Question 10

Where can you find open source, free fonts?

Answer 10

Fontsquirrel

Question 11

What are the 7 keyword font sizes?

Answer 11

xx-small
x-small
small
medium
large
x-large
xx-large

Question 12

What are your four choices in specifying font sizes?

Answer 12

Keyword
px
em
percentage

Question 13

What is best practice for sizing font?

Answer 13

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

Question 14

em means

Answer 14

The font size of the parent element

Question 15

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

Answer 15

True

Question 16

What does @ media allow you to do?

Answer 16

Create CSS rules that are specific to certain media types

Question 17

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

Answer 17

Google web font service google.com/webfonts

Question 18

How to bold text

Answer 18

font-weight : bold ;

Question 19

How to italicize text

Answer 19

font-style : italic ;

Question 20

The three ways to specify colors in CSS

Answer 20

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 ; }

Question 21

What is hex short for?

Answer 21

Hexidecimal system

Question 22

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

Answer 22

255

Question 23

Always start hex code with

Answer 23

#

Question 24

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

Answer 24

#

For example, # ccbb00 can be shortened to # cb0

Question 25

The color property specifies the color of

Answer 25

Text

Question 26

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

Answer 26

< del >

Question 27

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

Answer 27

ins

Question 28

How do you turn off bold style?

Answer 28

font-weight : normal ;

Question 29

What’s the difference between italic and oblique?

Answer 29

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

Question 30

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

Answer 30

White

Question 31

60% of R and G and B mixed will produce

Answer 31

Gray

Question 32

How do you get black in RGB?

Answer 32

0% red 0% green 0% blue

Question 33

What are the two ways to specify colors in RGB?

Answer 33

Percent or numeric values

Question 34

For # cc6600 what is the value of cc?

Answer 34

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

Question 35

What are the “numbers” in the hex system?

Answer 35

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

Question 36

Web safe colors are pretty much a thing of the

Answer 36

Past

Question 37

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

Answer 37

Web open font format