Can you summarise that, please ?!
noteNote: Setting the h1 tag to the same size as section heading will make it clearer to editors that h1 should not be under used underneath a section heading.
Let's see them in action, shall we?
Our current typography has been set with a typeset function. To implement the new typography set, we can simply start off by creating a new typeset and use them in our selected components. This way will help us to control where the font size has been changedis changed to integrate the change gradually. We can, later on, implement the new typeset across all of our components. Once that is done we can safely remove the old typeset that is no longer used anywhere else.
I have also made used an excel Excel spreadsheet to help me to calculate this typeset as well. Hopefully, it can wrap things up in one small place for you.
- Tool The tool I used to help me calculate the ratio: Archetype
- Five simple steps to better typography - Part 4
- Deep dive CSS: font metrics, line-height and vertical-align