diff --git a/esphome/dashboard/static/fonts/MaterialIcons-Regular.eot b/esphome/dashboard/static/fonts/MaterialIcons-Regular.eot
new file mode 100644
index 0000000000..70508ebabc
Binary files /dev/null and b/esphome/dashboard/static/fonts/MaterialIcons-Regular.eot differ
diff --git a/esphome/dashboard/static/fonts/MaterialIcons-Regular.ttf b/esphome/dashboard/static/fonts/MaterialIcons-Regular.ttf
new file mode 100644
index 0000000000..7015564ad1
Binary files /dev/null and b/esphome/dashboard/static/fonts/MaterialIcons-Regular.ttf differ
diff --git a/esphome/dashboard/static/fonts/MaterialIcons-Regular.woff b/esphome/dashboard/static/fonts/MaterialIcons-Regular.woff
new file mode 100644
index 0000000000..b648a3eea2
Binary files /dev/null and b/esphome/dashboard/static/fonts/MaterialIcons-Regular.woff differ
diff --git a/esphome/dashboard/static/fonts/MaterialIcons-Regular.woff2 b/esphome/dashboard/static/fonts/MaterialIcons-Regular.woff2
new file mode 100644
index 0000000000..9fa2112520
Binary files /dev/null and b/esphome/dashboard/static/fonts/MaterialIcons-Regular.woff2 differ
diff --git a/esphome/dashboard/static/fonts/README.md b/esphome/dashboard/static/fonts/README.md
new file mode 100644
index 0000000000..34d980de08
--- /dev/null
+++ b/esphome/dashboard/static/fonts/README.md
@@ -0,0 +1,12 @@
+The recommended way to use the Material Icons font is by linking to the web font hosted on Google Fonts:
+
+```html
+
+```
+
+Read more in our full usage guide:
+http://google.github.io/material-design-icons/#icon-font-for-the-web
+
+Source:
+https://github.com/google/material-design-icons
diff --git a/esphome/dashboard/static/fonts/material-icons.css b/esphome/dashboard/static/fonts/material-icons.css
new file mode 100644
index 0000000000..2270c09d01
--- /dev/null
+++ b/esphome/dashboard/static/fonts/material-icons.css
@@ -0,0 +1,36 @@
+@font-face {
+ font-family: 'Material Icons';
+ font-style: normal;
+ font-weight: 400;
+ src: url(MaterialIcons-Regular.eot); /* For IE6-8 */
+ src: local('Material Icons'),
+ local('MaterialIcons-Regular'),
+ url(MaterialIcons-Regular.woff2) format('woff2'),
+ url(MaterialIcons-Regular.woff) format('woff'),
+ url(MaterialIcons-Regular.ttf) format('truetype');
+}
+
+.material-icons {
+ font-family: 'Material Icons';
+ font-weight: normal;
+ font-style: normal;
+ font-size: 24px; /* Preferred icon size */
+ display: inline-block;
+ line-height: 1;
+ text-transform: none;
+ letter-spacing: normal;
+ word-wrap: normal;
+ white-space: nowrap;
+ direction: ltr;
+
+ /* Support for all WebKit browsers. */
+ -webkit-font-smoothing: antialiased;
+ /* Support for Safari and Chrome. */
+ text-rendering: optimizeLegibility;
+
+ /* Support for Firefox. */
+ -moz-osx-font-smoothing: grayscale;
+
+ /* Support for IE. */
+ font-feature-settings: 'liga';
+}
diff --git a/esphome/dashboard/templates/index.html b/esphome/dashboard/templates/index.html
index 8e3cd465b5..fe80392fe6 100644
--- a/esphome/dashboard/templates/index.html
+++ b/esphome/dashboard/templates/index.html
@@ -3,7 +3,7 @@
ESPHome Dashboard
-
+
diff --git a/esphome/dashboard/templates/login.html b/esphome/dashboard/templates/login.html
index cfe682e776..d7b73fd0bb 100644
--- a/esphome/dashboard/templates/login.html
+++ b/esphome/dashboard/templates/login.html
@@ -2,10 +2,10 @@
- ESPHome Dashboard
-
+ ESPHome Dashboard
+
-
+
diff --git a/script/ci-custom.py b/script/ci-custom.py
index 7033c9721d..9827248480 100755
--- a/script/ci-custom.py
+++ b/script/ci-custom.py
@@ -32,9 +32,10 @@ files = list(filter(os.path.exists, files))
files.sort()
file_types = ('.h', '.c', '.cpp', '.tcc', '.yaml', '.yml', '.ini', '.txt', '.ico', '.svg',
- '.py', '.html', '.js', '.md', '.sh', '.css', '.proto', '.conf', '.cfg')
+ '.py', '.html', '.js', '.md', '.sh', '.css', '.proto', '.conf', '.cfg',
+ '.eot', '.ttf', '.woff', '.woff2')
cpp_include = ('*.h', '*.c', '*.cpp', '*.tcc')
-ignore_types = ('.ico',)
+ignore_types = ('.ico', '.eot', '.ttf', '.woff', '.woff2')
LINT_FILE_CHECKS = []
LINT_CONTENT_CHECKS = []
@@ -231,7 +232,7 @@ def add_errors(fname, errs):
for fname in files:
_, ext = os.path.splitext(fname)
run_checks(LINT_FILE_CHECKS, fname, fname)
- if ext in ('.ico',):
+ if ext in ignore_types:
continue
try:
with codecs.open(fname, 'r', encoding='utf-8') as f_handle: