From 89f8e71ea7db0fa781c3cc6739adccdb5773ccd8 Mon Sep 17 00:00:00 2001
From: Nic Aitch <nic@nicinabox.com>
Date: Tue, 29 Nov 2016 21:23:31 -0600
Subject: [PATCH] Fix font family in pre > code

---
 packages/react-dev-utils/failFast.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/react-dev-utils/failFast.js b/packages/react-dev-utils/failFast.js
index 84a80612..5708c4dc 100644
--- a/packages/react-dev-utils/failFast.js
+++ b/packages/react-dev-utils/failFast.js
@@ -86,6 +86,10 @@
     'font-size': '1.1em'
   }
 
+  const codeStyle = {
+    'font-family': 'Consolas, Menlo, monospace',
+  }
+
   function calcWidth(width) {
     if (width >= 1200) return '1170px'
     if (width >= 992) return '970px'
@@ -147,6 +151,8 @@
     const htmlHighlight = ansiHTML(ansiHighlight)
     const code = document.createElement('code')
     code.innerHTML = htmlHighlight
+    applyStyles(code, codeStyle)
+
     const pre = document.createElement('pre')
     applyStyles(pre, preStyle)
     pre.appendChild(code)