Пользовательские шрифты не загружаются в Angular6 при использовании IE11? [Дубликат]
Как будто вы пытаетесь получить доступ к объекту, который является null. Рассмотрим ниже пример:
TypeA objA;
. В это время вы только что объявили этот объект, но не инициализировали или не инициализировали. И всякий раз, когда вы пытаетесь получить доступ к каким-либо свойствам или методам в нем, он будет генерировать NullPointerException, что имеет смысл.
См. Также этот пример:
String a = null;
System.out.println(a.toString()); // NullPointerException will be thrown
4 ответа
Internet Explorer использует формат eot (legacy) или woff. См. MSDN
Aniway я использую этот код для максимальной совместимости:
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
IE11: Если вы получаете код ошибки CSS3114 в инструментах dev, вам необходимо изменить первые биты файла шрифта. Это позволит IE установить шрифт.
Модуль Npm: вы можете использовать модуль ttembed-js npm, который внесет изменения для вас. https://www.npmjs.com/package/ttembed-js
Использование: ttembed-js path/to/Montserrat-Black.otf
Попробуйте использовать формат файла .eot для Internet Explorer. Что-то вроде:
@font-face {
font-family: Montserrat-Black;
src: url('Montserrat-Black.eot');
src: url('Montserrat-Black.otf');
}
Если у вас возникла эта проблема, и ваше приложение работает в IIS, попробуйте добавить правильные MIME-типы в ваш web.config, поскольку SO-user Martin Buberl объяснил в этот комментарий