Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Project CSS F1 Typography

Topics: Font Family , Font Weight , Font Style , Word Spacing , Letter Spacing , Text Transformation , Text Alignment , Line Height Anatomy , Line Height , Serif and Sans Serif , Fallback Fonts , Linking Fonts Font-Face

Project Title: Funny Sentences

  1. Create a html file with your name like john.html
  2. Add current code to that file:
<!DOCTYPE html>
  /* your css code here */
    <!-- your html code here -->
  1. Set add element font type to Courier New.

  2. Add h1 element, set h1 font type Arial, and set h1 contnet to The best thing about the future is that it comes one day at a time..

  3. Add h2 element, set h2 font weight bold, and set h2 contnet to The difference between stupidity and genius is that genius has its limits..

  4. Add h3 element, set h3 font style italic, and set h3 contnet to If you want your children to listen, try talking softly to someone else..

  5. Add h4 element, set h4 word spacing 0.5em, letter spacing 0.5em, and set h4 contnet to My opinions may have changed, but not the fact that I’m right..

  6. Add h5 element, set h5 text alignment to center, and set h5 contnet to To be sure of hitting the target, shoot first, and call whatever you hit the target..

  7. Add h6 element, set h6 text all capital, and set h6 contnet to Trouble knocked at the door, but, hearing laughter, hurried away..

  8. Add p element, set p line height to 2 as a ratio of the font size, and set p contnet to But the fact that some geniuses were laughed at does not imply that all who are laughed at are geniuses. They laughed at Columbus, they laughed at Fulton, they laughed at the Wright Brothers. But they also laughed at Bozo the Clown..

  9. Add another p element and set font to Garamond, if it is not available use Arial. Set content to There is a theory which states that if ever anyone discovers exactly what the Universe is for and why it is here, it will instantly disappear and be replaced by something even more bizarre and inexplicable.There is another theory which states that this has already happened

  10. Link fonts Droid Serif and Playfair Display from Google. Add another p element and set font to Droid Serif, Playfair Display. Set content to My grandmother started walking five miles a day when she was sixty. She’s ninety-seven now, and we don’t know where the hell she is..

Want to get reviewed?

Send Pull Request. Check how to deliver your code:

Need help?

Download Free eBook

You can’t perform that action at this time.