doc: better font stack for monospace in docs

silverwind · silverwind · commit 0baad8f0eb71 · 2018-05-31T15:07:01.000+02:00
There appear to be rendering issues with inconsistent glyph width when using the Monaco font on non-macOS machines. This change updates the native CSS font stack to use the same font stack as Boostrap does, minus the Monaco font. PR-URL: nodejs#21036 Reviewed-By: Luigi Pinca <luigipinca@gmail.com> Reviewed-By: Yazhong Liu <yorkiefixer@gmail.com> Reviewed-By: Gus Caplan <me@gus.host> Reviewed-By: Trivikram Kamat <trivikr.dev@gmail.com>
diff --git a/doc/api_assets/style.css b/doc/api_assets/style.css
@@ -35,7 +35,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 pre, tt, code, .pre, span.type, a.type {
-  font-family: Monaco, Consolas, "Lucida Console", monospace;
+  font-family: SFMono-Regular, Menlo, Consolas, "Liberation Mono", "Courier New", monospace;
   font-size: .9em;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,7 @@ h1, h2, h3, h4, h5, h6 {`
`35`	`35`	`}`
`36`	`36`
`37`	`37`	`pre, tt, code, .pre, span.type, a.type {`
`38`		`- font-family: Monaco, Consolas, "Lucida Console", monospace;`
	`38`	`+ font-family: SFMono-Regular, Menlo, Consolas, "Liberation Mono", "Courier New", monospace;`
`39`	`39`	`font-size: .9em;`
`40`	`40`	`}`
`41`	`41`