Obsidian Stats logoObsidian Stats

Contextual Typography

by mgmeyers
5
4
3
2
1
Score: 55/100
Install Code

Description

Category: Note Enhancements
#typography#styling

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.

Reviews

No reviews yet.

Stats

193
stars
108,236
downloads
9
forks
1,966
days
692
days
1,099
days
8
total PRs
3
open PRs
3
closed PRs
2
merged PRs
13
total issues
5
open issues
8
closed issues
0
commits

Latest Version

2.2.5
3 years ago

Changelog

See all version on GitHub

README file from

Github

obsidian-contextual-typography

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/

Sample

.markdown-preview-view div[data-tag-name="h1"] + div > h2 {
  margin-top: 1.8888888889rem;
}

Before:

After:

Similar Plugins

info
• Similar plugins are suggested based on the common tags between the plugins.
Admonition
5 years ago by Jeremy Valentine
Adds admonition block-styled content to Obsidian.md
Base Tag Renderer
3 years ago by Darren Kuro
A lightweight obsidian plugin to render the basename of tags in preview mode.
Checkbox styling helper
2 years ago by JaewonE
Helps you styling checkboxes in preview mode.
Code Styler
3 years ago by Mayuran Visakan
A plugin for Obsidian.md for styling codeblocks and inline code
CSS Inserter
2 years ago by Erika Gozar
Inserts user-defined css snippets into the selected text.
css snippets
5 years ago by Daniel Brandenburg
Obsidian plugin for css snippets
Custom Classes
3 years ago by Lila Rest
A minimal Obsidian plugin that allows you to add your own HTML classes to chosen Markdown elements directly from your notes.
Custom Frames
4 years ago by Ellpeck
An Obsidian plugin that turns web apps into panes using iframes with custom styling. Also comes with presets for Google Keep, Todoist and more.
Easy Fonts
a year ago by Jose Elias Alvarez
Easily load custom fonts, even on mobile.
Frontmatter to HTML Attributes
2 months ago by Tarek Saier
Makes YAML frontmatter available as data-* attributes in HTML, enabling metadata based CSS styling.
Markdown Tags
a year ago by John Smith III
Enhance your Markdown documents with custom tags. Use predefined or custom labels, customizable colors, and arrow indicators to visually track tasks and statuses.
Obsidian Stylist
3 years ago by ixth
Obsidian plugin that allows to add classes and styles on markdown blocks
Sheets Extended
3 years ago by NicoNekoru
Plugin that adds features to tables in obsidian including merging, vertical headers, and custom css
Smart Typography
5 years ago by mgmeyers
Converts quotes to curly quotes, dashes to em dashes, and periods to ellipses
Source Mode Styling
3 months ago by Chris Howard
Obsidian plugin. Provides a customisable raw look in source mode using a monospace font to clearly differentiate from Live Preview.
Tailwind Snippet
2 years ago by Nicholas Wilcox
An Obsidian plugin that enables usage of Tailwind CSS.
Typographer
6 months ago by René Coignard
Enhances typography with smart quotes, custom text replacements and auto-pairing characters.
Sponsors