Не подключаются шрифт Roboto. Вопрос осложняется тем, что google pagespeed insights ругается на некоторые способы подключения.
Пробовал подключать так:
1. Как советует google fonts через link - page speed ругается
2. Как советует google fonts через import - page speed ругается
3. через css, скачивая шрифт с fonts.gstatic - не работает в IE11
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
4. через сss разместив шрифт папке font в корне сайта - не работает (ошибки с путями точно нет, в панели разработчика в хроме вижу что шрифты загружаются) - не работает нигде
@font-face {
font-family: 'Roboto';
src: url('fonts/robotoregular/roboto-regular-webfont.eot');
src: url('fonts/robotoregular/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/robotoregular/roboto-regular-webfont.woff') format('woff'),
url('fonts/robotoregular/roboto-regular-webfont.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
5. аналогично пункту 3, но через js и localstorage - не работает в IE11
<script>!function(){function e(e,t,n){e.addEventListener?e.addEventListener(t,n,!1):e.attachEvent&&e.attachEvent("on"+t,n)}function t(e){return window.localStorage&&localStorage.font_css_cache&&localStorage.font_css_cache_file===e}function n(){if(window.localStorage&&window.XMLHttpRequest)if(t(o))a(localStorage.font_css_cache);else{var n=new XMLHttpRequest;n.open("GET",o,!0),e(n,"load",function(){4===n.readyState&&(a(n.responseText),localStorage.font_css_cache=n.responseText,localStorage.font_css_cache_file=o)}),n.send()}else{var c=document.createElement("link");c.href=o,c.rel="stylesheet",c.type="text/css",document.getElementsByTagName("head")[0].appendChild(c),document.cookie="font_css_cache"}}function a(e){var t=document.createElement("style");t.innerHTML=e,document.getElementsByTagName("head")[0].appendChild(t)}var o=".fonts.css";window.localStorage&&localStorage.font_css_cache||document.cookie.indexOf("font_css_cache")>-1?n():e(window,"load",n)}();</script>
Просто кошмар какой-то... Помогите, народ...
ps: В отладчике IE наблюдаю загрузку шрифтов только в случае 1 и 2. В остальных случаях загрузки шрифтом не наблюдается. Не понимаю в чем дело.
pps: Зашел из под виртуалки - те же проблемы.
ppps: win10 + ie 11 - тот же эффект.
pppps: Обнаружил в Средствах разработчика IE, что при применении способа 4 в загружаются шрифты с расширением woff. Но не применяются. Пробовал даже прописать для body !important - ноль реакции.