UI Grid: Не удалось декодировать скачанный шрифт Ошибка рассинхронизации OTS: неверный тег версии

Question

Я знаю, что для шрифта было опубликовано много проблем, но, просмотрев все из них, я все еще не могу найти решение этой проблемы. Я создаю приложение mvc .NET. переместили все файлы шрифтов в папку шрифтов и изменили мой css на. Поскольку я сталкиваюсь с этой проблемой на визуальной студии, я не могу представить рабочий пример.

@font-face { 
    font-family: 'ui-grid'; 
    src: url('../fonts/ui-grid.eot'); 
    src: url('../fonts/ui-grid.eot#iefix') format('embedded-opentype'), url('../fonts/ui-grid.woff') format('woff'),   url('../fonts/ui-grid.ttf') format('truetype'), url('../fonts/ui-grid.svg?#ui-grid') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

скриншот для выпуска в Chrome:

скриншот для выпуска в Firefox:

скриншот для выпуска в Internet Explorer:

UI Сетка версии: 4,0 .2

Answer 1

Вы должны загрузить необходимый файл .woff и .ttf файл из UI-сетевых ресурсов в директории, где ваш UI-grid.css является

https://github.com/angular-ui/bower-ui-grid/blob/master/ui-grid.ttf

https://github.com/angular-ui/bower-ui-grid/blob/master/ui-grid.woff

или в. html, вы прямо указываете на официальный сайт ui-grid, поэтому вам не нужно ссылаться на файлы. Они будут заботиться сами

<link rel="stylesheet" href="http://ui-grid.info/release/ui-grid.css" type="text/css"/> 

Так 2 вещи, которые вы должны делать, если выше не ваш вариант

1. Проверьте пути URL ('../ шрифты/щ-grid.woff'), URL ('../fonts/ui-grid.ttf')

2. Вам необходимо проверить, верен ли ваш тип MIME верным вашим форматом() и поддерживается вашим интернет-сервером. Вы добавили эти

1. мим ​​'Уофф' является применение/X-Уофф и

2. MIME для «TTF является ЗАЯВКА/октет-поток

на сервер? Это должны быть две возможности, либо ваш путь неправильный, либо ваша конфигурация сервера MIME не оборудована.

оригинальный интерфейс-grid.css имеет

src: url('ui-grid.eot#iefix') format('embedded-opentype'), url('ui-grid.woff') format('woff'), url('ui-grid.ttf') format('truetype'), url('ui-grid.svg?#ui-grid') format('svg'); 

но ваш являются

url('../fonts/ui-grid.woff'), url('../fonts/ui-grid.ttf') 

так, действительно ли вы иметь UI-grid.woff на вашем пути шрифты?