The 2015 templates use the SVG (scalable vector graphics) image format for most of the graphics.
SVG allows for resolution independence (that’s a fancy way of saying that your logos and icons will not be blurry or pixelated, no matter what size monitor they’re on).
SVG Icons and Logos
Our advice: Simply ensure your links are correct and then leave them alone. You’ll know that they are incorrect if no logos or icons appear on your site.
/*! grunt-grunticon Stylesheet Loader - v2.1.2 | https://github.com/filamentgroup/grunticon | (c) 2015 Scott Jehl, Filament Group, Inc. | MIT license. */
grunticon(["http://PATH/TO/YOUR/FILES/icons.data.svg.css", "http://PATH/TO/YOUR/FILES/icons.data.png.css", "PATH/TO/YOUR/FILES/icons.fallback.css"]);
<noscript><link href="http://PATH/TO/YOUR/FILES/icons.fallback.css" rel="stylesheet"></noscript>
<!--[if lt IE 9]>
Primary Style Sheet
Further down in the <head> you will find a reference to style.css. This is the site’s central CSS file. We do not recommend modifying this file, so that it can be updated periodically by central communications without jeopardizing your customizations.
For information on customizing your site, see the Customizing section of this document.
<link rel="stylesheet" href="http://PATH/TO/YOUR/FILES/style.css" type="text/css" media="all" />
IE Style Sheet
You’ll also notice a conditional link to a file called ie.css. If you’ve stayed with us this far, we’re going to assume you already know what this file does. Simply put, it accommodates older Internet Explorer (IE) versions.
<!--[if lt IE 9]>
<link rel="stylesheet" href="http://PATH/TO/YOUR/FILES/ie.css" type="text/css" media="all" />
Once you ensure all the above links are in place, you are ready to begin adding the things (structure, content, design) that make your website unique.
Why are the HTML5 shim and jQuery linked to a different server?