Я испытываю очень странное поведение при объединении Google Webfont Loader (GWL) в асинхронном режиме с шрифтами Font Awesome.Google Webfont Loader + FontAwesome issue
Если я использую GWL для загрузки нескольких пользовательских шрифтов, шрифты Awesome Font загружаются 2 раза. Это код, я использую для GWL:
<script type="text/javascript">
WebFontConfig = {
custom: { families: ['proxima-nova', 'museo-slab'], urls: ['evacss/font-families.css'] }
};
(function() {
var wf = document.createElement('script');
wf.src = 'evajs/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
</script>
Внутри evacss/шрифт families.css У меня есть семейство шрифтов определение два шрифтов выше (Проксима-Ново и Музей-горбыль) НЕТ шрифт Удивительного определения там
Тогда до этого у меня есть классические нагрузки
<link rel="stylesheet" type="text/css" href="evacss/font-awesome.css">
Wich шрифт удивительные с его собственным определением семейства шрифтов
но результатом я s:
Если я удалю скрипт GWL и просто сохраню свой шрифт Awesome Css, то результат будет ожидаться с одной загрузкой для шрифта Awesome.
Такого же поведение происходит с этой версией У
<script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>
<script>
WebFont.load({
custom: { families: ['proxima-nova', 'museo-slab'], urls: ['evacss/font-families.min.css'] }
});
</script>
Я действительно не понимаю, почему webfont.js запускает двойную загрузку для моего шрифта Высокого (в более общем виде для внешние семейства шрифтов, которые я никак не ссылаюсь на GWL)
Спасибо, что эта вещь сводила меня с ума! Я признаю, что проверял Firebug на Firefox. Собираясь попробовать со встроенными инструментами Chrome dev, которые я только что открыл, это УДИВИТЕЛЬНО! – Manight
это удовольствие :) – heralight