codeforamerica / bizfriendly-web

An experiment in digital literacy lessons. The experiment is now over.
http://bizfriend.ly
22 stars 67 forks source link

Standardizes typography across all pages #201

Closed crohacz closed 9 years ago

crohacz commented 9 years ago

Fixes Text Styles #90

The font in the bizfriend.ly website was not consistent across all pages. The main.css file is included in all html pages in the bizfriendly-web repository. The main.css file should normally contain all html elements to be used across the website and how they should look but I edited the ones that were already listed in there. For example, I changed the look of the headers (h1 - h3) and also changed the look of the buttons. To demonstrate the changes, I created a template.html file and it shows what standard html elements should look like.

It is generally good typography practice to create html elements for h1 - h6 which I recommend adding the following to main.css but it is not necessary.

h1 { font-size: 48px; margin: 33px 0; }

h2 { font-size: 36px; margin: 25px 0; }

h3 { font-size: 24px; margin: 22px 0; }

h4 { font-size: 18px; margin: 25px 0; }

h5 { font-size: 14px; margin: 30px 0; }

h6 { font-size: 10px; margin: 36px 0; }

Cheers!

ondrae commented 9 years ago

This is great work @crohacz thank you. That template page will be useful as reference too.