Commit ac8d7b50 authored by Antoine Beaupré's avatar Antoine Beaupré

use font-family from Medium to use system fonts

the point here is that All Fonts Are Beautiful, or in other words, there
are fine system fonts available that will render instantly (without
download) and provide a good enough typographic experience

this will mean the website may look a bit "normal", but then that's also
a feature: it will integrate in the user's UI better.
parent 031dbb88
......@@ -64,9 +64,16 @@ code {
/* try Fira Font, fallback on bootstrap fonts */
body {
font-family: "Fira Sans","Segoe UI","Roboto","Helvetica Neue",Helvetica,Arial,"Droid Sans","Liberation Sans",sans-serif;
/* font-weight: 300; */ /* this would be a little more like the
weight of "sans-serif" here, but is too light. */
/* https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/ */
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
/* -apple-system, BlinkMacSystemFont = San Fran on Mac
* Segoe UI = Windows
* Roboto = Android, Chrome OS
* Oxygen, Ubuntu, Cantarell = KDE, Ubuntu, Gnome
* Fira Sans = Firefox OS
* Droid Sans = Older Android
* Helvetica Neue = Old mac
*/
}
pre, code {
font-family: "Fira Mono", Menlo, Monaco, Consolas, "Courier New", "Liberation mono", monospace;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment