diff --git a/site/getting-started.savvy b/site/getting-started.savvy index 58562e47e..d5412acb3 100644 --- a/site/getting-started.savvy +++ b/site/getting-started.savvy @@ -25,7 +25,20 @@ There are many different ways you can consume the Material Design Icons in your ## Web Font @download(Download the Web Font, https://github.com/Templarian/MaterialDesign-Webfont/archive/master.zip) -For those targetting the web your best option is to use the web font (if you are a bower user simply use `bower install mdi`). Place all the font files provided in `/fonts` below `materialdesignicons.css`. +For those targetting the web your best option is to use the web font (if you are a bower user simply use `bower install mdi`). Files should match the file structure below. + +```text File Structure +fonts + /materialdesignicons-webfont.eot + /materialdesignicons-webfont.svg + /materialdesignicons-webfont.ttf + /materialdesignicons-webfont.woff + /materialdesignicons-webfont.woff2 +css + /materialdesignicons.min.css - Minified CSS + /materialdesignicons.min.css.map - Developer Tools Map +preview.html - Preview the font files +``` ```html Reference the CSS