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
- Create a html file with your name like
- Add current code to that file:
<!DOCTYPE html> <style> /* your css code here */ </style> <html> <body> <!-- your html code here --> </body> </html>
Set add element font type to
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..
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..
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..
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..
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..
Add h6 element, set h6 text all capital, and set h6 contnet to
Trouble knocked at the door, but, hearing laughter, hurried away..
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..
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
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: https://codingwithbasir.com/how-to-deliver-projects/
Download Free eBook https://codingwithbasir.com/download