web-typography.md

• https://gist.github.com/stereobooster/b148f20663150b67e4ffe4cbc66e45a2
• http://utility-opentype.kennethormandy.com/
• https://github.com/TodayDesign/megatype
• https://github.com/davidmerfield/typeset
  • https://github.com/othree/smartypants.js/
  • https://github.com/ekalinin/typogr.js
  • https://github.com/retextjs/retext-smartypants
• normalize-opentype
• FOUC, FOUT, FOIT and this way to fight it
• Typographic baseline - basekick
• http://typographyhandbook.com/
• https://betterwebtype.com/
• https://www.zachleat.com/web/comprehensive-webfonts/
• https://css-tricks.com/snippets/css/system-font-stack/
• https://google-webfonts-helper.herokuapp.com/fonts
• https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering

:focus {
  outline: none;
  border-color: #2188ff;
  box-shadow: 0 0 0 0.2em #c8e1ff;
}
[tabindex="-1"]:focus {
  outline: none;
  border: none;
  box-shadow: none;
}

* {
  box-sizing: border-box;
}

html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 1.15;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
}

a {
  text-decoration-skip: ink;
}

• https://github.com/twbs/bootstrap/blob/v4-dev/scss/_reboot.scss
• http://devinhunt.github.io/typebase.css/
• https://clrs.cc/
• http://typeplate.com/

---

• https://github.com/stereobooster/stereobooster.github.io/blob/master/_sass/pygments.scss
• https://prismjs.com/
• https://sourcefoundry.org/hack/playground.html
• https://github.com/i-tu/Hasklig
• https://larsenwork.com/monoid/