thiscodeWorks - Organizing the best of code online

Snippets Collections

Recent | Popular

List view

#typography #css #line-height

Line-height calculator

https://www.thegoodlineheight.com

#typography #typographic #features

List of typographic features - Wikipedia

https://en.wikipedia.org/wiki/List_of_typographic_features

font-variant-alternates - CSS: Cascading Style Sheets | MDN

https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-alternates

#typography #open-type #guide

OpenType font features guide - CSS: Cascading Style Sheets | MDN

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/OpenType_fonts_guide

#open-type #typography

https://opentypecookbook.com/

#typography #opentype

OpenType Feature Database

https://simoncozens.github.io/feature-tags/?utm_source

#css #open-props #typography

Open Props: sub-atomic styles

--font-sans: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
--font-serif: ui-serif, serif;
--font-mono: Dank Mono, Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, monospace;

#css #open-props #typography

Open Props: sub-atomic styles

--font-size-{00-8}
--font-size-fluid-{0-3}
--font-weight-{1-9}
--font-letterspacing-{0-7}
--font-lineheight-{00-5}

Save snippets that work with our extensions

Available in the Chrome Web Store

Get Firefox Add-on

Get VS Code extension