On this assignment from my web-prototyping class I was asked to create a typography-based stylesheet for web and mobile content using one to two embedded typefaces for an article of my choice.

I styled the text using CSS properties such as

font-family

font-size (px, em)

font-style

color

font vs background color

font-weight

text-transform

line-height

letter-spacing

word spacing

text-align

text-decoration

margin spacing

padding

I had to take into consideration that the typefaces chosen would look good together. So I aimed for CONCORD – typefaces that have different but complementary characteristics – for my main content. I’m not sure yet if I was successful, because maybe I just got into a CONFLICT of typefaces between my paragraphs <p> and the subheadings<h2>, since they are a bit too similar.

I also use a CONTRAST with the typeface chosen for the quotes in the button of the article.

Let me know what you think 🙂

Check my assigment*

A Typographic Web Assignment
Legiao Urbana – Wiki
* Responsive still going through adjustments for mobile.
Advertisements