Skip to content

Instantly share code, notes, and snippets.

@praveensewak
Last active September 26, 2018 09:35
Show Gist options
  • Save praveensewak/561bce1a806498b8c5f8528f9e1d3ae8 to your computer and use it in GitHub Desktop.
Save praveensewak/561bce1a806498b8c5f8528f9e1d3ae8 to your computer and use it in GitHub Desktop.
Use browser based fonts
html {
font-family: sans serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
letter-spacing: 0;
font-weight: 400;
font-style: normal;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga" on;
color: rgba(0,0,0,.8);
font-size: 18px;
line-height: 1.4;
}
.post .content {
--x-height-multiplier: 0.35;
--base-multiplier: 0.179;
font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif;
letter-spacing: .01rem;
font-weight: 400;
font-style: normal;
font-size: 21px;
line-height: 1.58;
letter-spacing: -.003em;
}
body {
color: #212121;
font-family: "Helvetica Neue", "Calibri Light", Roboto, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
letter-spacing: 0.02em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment