Не работает Material Icon

голоса: 0

Material Icon не отображается в IE 9. В строке поиска шрифт "search" в место значка виден текст. Проверял в IE Tester. Создал отдельный файл. HTML код:

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta name="" content="">
<meta charset="utf-8">

<link href="https://fonts.googleapis.com/css?family=Material+Icons|Noto+Sans:400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/proba.css"/>
</head>
<body>
<i class="material-icons">&#xE87C;</i>
</body>
</html>

CSS код

.material-icons:before {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(http://reviews.ucoz.net/MaterialIcons-Regular.eot) format('embedded-opentype'); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url((http://reviews.ucoz.net/MaterialIcons-Regular.woff2) format('woff2'),
    url((http://reviews.ucoz.net/MaterialIcons-Regular.woff) format('woff'),
    url(http://reviews.ucoz.net/MaterialIcons-Regular.ttf) format('truetype');
    font-feature-settings: 'liga';
}

Не могу понять в чём проблема. Заранее благодарен.

Адрес сайта http://reviews.ucoz.net/
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
На какой странице можно увидеть проблему? И где вы взяли ксс, он не верный, некоторые атрибуты относятся к правилу @font-face но никак к классу.
| Автор:
...