Fonts And Colors

Question 1

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

Answer 1

Web open font format

Question 2

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

Answer 2

@ font-face

Question 3

What does ttf mean?

Answer 3

True type font .ttf

Question 4

What does otf mean?

Answer 4

Open type font .otf

It was built on top of ttf and is newer

Question 5

What is .eot?

Answer 5

Compact form of ttf, proprietary to IE

Question 6

What is .svg?

Answer 6

Scalable vector graphics font used to represent characters

Question 7

Which font format is best supported across most browsers?

Answer 7

Woff

Question 8

Name the five font families

Answer 8

Serif
Sans serif
Cursive
Monospace
Fantasy

Question 9

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

Answer 9

Put quotes around the name in the font family declaration

Question 10

Five steps to add a web font to your page?

Answer 10

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 11

Where can you find open source, free fonts?

Answer 11

Fontsquirrel

Question 12

What are the 7 keyword font sizes?

Answer 12

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

Question 13

What are your four choices in specifying font sizes?

Answer 13

Keyword
px
em
percentage

Question 14

What is best practice for sizing font?

Answer 14

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 15

em means

Answer 15

The font size of the parent element

Question 16

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

Answer 16

True

Question 17

What does @ media allow you to do?

Answer 17

Create CSS rules that are specific to certain media types

Question 18

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

Answer 18

Google web font service google.com/webfonts

Question 19

How to bold text

Answer 19

font-weight : bold ;

Question 20

How to italicize text

Answer 20

font-style : italic ;

Question 21

The three ways to specify colors in CSS

Answer 21

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 22

What is hex short for?

Answer 22

Hexidecimal system

Question 23

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

Answer 23

255

Question 24

Always start hex code with

Answer 24

#

Question 25

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

Answer 25

#

For example, # ccbb00 can be shortened to # cb0

Question 26

The color property specifies the color of

Answer 26

Text

Question 27

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

Answer 27

< del >

Question 28

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

Answer 28

ins

Question 29

How do you turn off bold style?

Answer 29

font-weight : normal ;

Question 30

What’s the difference between italic and oblique?

Answer 30

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

Question 31

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

Answer 31

White

Question 32

60% of R and G and B mixed will produce

Answer 32

Gray

Question 33

How do you get black in RGB?

Answer 33

0% red 0% green 0% blue

Question 34

What are the two ways to specify colors in RGB?

Answer 34

Percent or numeric values

Question 35

For # cc6600 what is the value of cc?

Answer 35

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

Question 36

What are the “numbers” in the hex system?

Answer 36

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

Question 37

Web safe colors are pretty much a thing of the

Answer 37

Past