Google Material Icons заблокирован

Роскомнадзор в попытке заблокировать telegram внес в реестр часть ip google среди которых есть от сервиса Google Material Icons и как следствие на всех темах использующих material icons "пустые квадраты" или системные названия иконки.

Есть предложения по исправлению ситуации? Может есть способ загрузить их локально, чтобы было не очень больно все переделывать

1 ответ

  • 1
    replicant 23 апреля 2018 09:52 #

    Надо брать и загружать локально, чтобы избежать этих и других подобных проблем, когда происходит то, что вы контролировать не можете. Это касается любых сторонних подключаемых ресурсов.

    Инструкция http://google.github.io/material-design-icons/
    Качаем https://github.com/google/material-design-icons

    • +1
      Vladislav Vladislav 23 апреля 2018 13:57 #

      Будьте добры подробно описать процесс переезда на локальную загрузку на примере любой темы дизайн

      • +1
        replicant replicant 23 апреля 2018 14:27 #

        Допустим вы используете шрифтовые иконки. Скачиваете шрифты из каталога https://github.com/google/material-design-icons/tr... и подключаете их в CSS файл вашей темы дизайна как написано в инструкции, вставив в файл кусок кода см. ниже (можно даже в самое начало файла вставить), заменив в нем предварительно ссылки на ваш домен и полный путь к файлам шрифтов, которые вы скачали себе и залили в какой-нибудь каталог на сайт. Задача сводится к копированию-вставке текста и закачке нескольких файлов на сайт.

        @font-face {
          font-family: 'Material Icons';
          font-style: normal;
          font-weight: 400;
          src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
          src: local('Material Icons'),
            local('MaterialIcons-Regular'),
            url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
            url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
            url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
        }
        
        .material-icons {
          font-family: 'Material Icons';
          font-weight: normal;
          font-style: normal;
          font-size: 24px;  /* Preferred icon size */
          display: inline-block;
          line-height: 1;
          text-transform: none;
          letter-spacing: normal;
          word-wrap: normal;
          white-space: nowrap;
          direction: ltr;
        }

        Дальше уже используете в теме дизайна таким образом.

        <i class="material-icons">face</i>

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите