The Contextual Typography plugin is a game-changer for Obsidian users who want to take their notes' visual styling to the next level. This plugin adds a crucial attribute to preview divs, allowing you to define custom typography styles based on the context of your content. With this plugin, you can create beautiful and organized layouts by specifying margin sizes, font weights, and more for specific headings or paragraphs. Imagine being able to effortlessly create visually appealing notes that reflect your unique style and preferences. The Contextual Typography plugin makes it all possible, giving you unprecedented control over the look and feel of your Obsidian notes.
This plugin adds a data-tag-name attribute to all top-level preview divs, allowing contextual typography. Note: this plugin does not add any styles, but enables contextual styling.
This is specifically inspired by http://matejlatin.github.io/Gutenberg/
.markdown-preview-view div[data-tag-name="h1"] + div > h2 {
margin-top: 1.8888888889rem;
}
Before:
After: