Proposed exercise

Tommy the cat

Well I remember it as though it were a meal ago...

Said Tommy the Cat as he reeled back to clear whatever foreign matter may have nestled its way into his mighty throat. Many a fat alley rat had met its demise while staring point blank down the cavernous barrel of this awesome prowling machine. Truly a wonder of nature this urban predator — Tommy the cat had many a story to tell. But it was a rare occasion such as this that he did.

Proposed exercise: Default fonts

Tommy the cat

Well I remember it as though it were a meal ago...

Said Tommy the Cat as he reeled back to clear whatever foreign matter may have nestled its way into his mighty throat. Many a fat alley rat had met its demise while staring point blank down the cavernous barrel of this awesome prowling machine. Truly a wonder of nature this urban predator — Tommy the cat had many a story to tell. But it was a rare occasion such as this that he did.

Well I remember it as though it were a meal ago...

Said Tommy the Cat as he reeled back to clear whatever foreign matter may have nestled its way into his mighty throat. Many a fat alley rat had met its demise while staring point blank down the cavernous barrel of this awesome prowling machine. Truly a wonder of nature this urban predator — Tommy the cat had many a story to tell. But it was a rare occasion such as this that he did.

Proposed exercise: Main safe fonts

Esto es un header

Esto es un párrafo con Arial font.

Esto es un párrafo con Courier New font.

Esto es un párrafo con Georgia font.

Esto es un párrafo con Times New Roman font.

Esto es un párrafo con with Trebuchet MS font.

Esto es un párrafo con with Verdana font.

Proposed exercise: More safe fonts and font stacks

Esto es un header

Esto es un párrafo con Avenir Next.

Esto es un párrafo con Garamond Premier Pro.

Esto es un párrafo con Courrier Prime.

Esto es un párrafo con Palatino Linotype.

Proposed exercise: Absolute sizing with “px”

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.

Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta.

Mauris massa. Vestibulum lacinia arcu eget nulla.

Proposed exercise: Relative sizing with “rem”

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.

Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Proposed exercise: Style, weight, transform and decoration

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.

Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta.

Mauris massa. Vestibulum lacinia arcu eget nulla.

Proposed exercise: Simple shadows

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.

Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta.

Mauris massa. Vestibulum lacinia arcu eget nulla.

Proposed exercise: Multiple shadows

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.

Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta.

Mauris massa. Vestibulum lacinia arcu eget nulla.

Proposed exercise: Alignment types

Header 1

Paragraph 1

Header 2

Paragraph 2

Header 3

Paragraph 3.

Header 4

Paragraph 4.

Proposed exercise: Line heights

Header 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Header 2

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Header 3

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Proposed exercise: Spacing

Header 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Header 2

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Proposed exercise: Font properties in one line

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.

Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta.

Mauris massa. Vestibulum lacinia arcu eget nulla.