Как удалить интервал из внешних значков материального дизайна Google?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как удалить интервал из внешних значков материального дизайна Google?

Сообщение Anonymous »

Заголовок: У меня возникли проблемы с удалением пробелов вокруг значков Google Material Design, и я не могу найти никаких решений в Google или в руководстве по значкам Material Design. Я не уверен, является ли ответ очевидно простым и я его упускаю, или есть более глубокая причина, почему я не могу выполнить, казалось бы, простую задачу.

Ниже вы можете найти выдержки из соответствующего кода моего проекта или, альтернативно, вы можете просмотреть мой проект полностью здесь.
  • Моя разметка

    Код: Выделить всё

    [i]
    menu
    [/i]
    
    [b]
    Neocrypt
    [/b]
    Network
    
    
    
    
    
    
  • стиль значков,

    Код: Выделить всё

    .material-icons.primary-header-material-icon-first-menu {
    color: var(--primary-typeface-color);
    font-size: 48px;
    }
    
  • стиль заголовка и

    Код: Выделить всё

    .primary-header h1 {
    text-align: center;
    color: var(--primary-typeface-color);
    display: inline;
    font-family: var(--primary-typeface);
    font-size: 60px;
    line-height: 150px;
    }
    
  • переменные, на которые ссылаются (несвязанные).

    Код: Выделить всё

    :root {
    --primary-typeface-color: #ffffff;
    --primary-typeface: 'Lato', sans-serif;
    }
    
Мне бы хотелось, чтобы значок отображался непосредственно рядом с заголовком, без полей вокруг значка, чтобы можно было добавить пробелы. вокруг элементов сам, почти как сброс! Я пробовал использовать отступ: 0px;, а также несколько других решений, чтобы попытаться решить проблему, однако это оказалось безрезультатно.

Сноска. Я использую «Сброс CSS» Эрика Мейера, однако, насколько мне известно, это не должно влиять на значки Google Material Design.

< hr />

Обновление (24.03.2018, 01:33 UTC): Кажется, что Google добавляет пробел вокруг значка в самом файле изображения, не давая пользователям возможности форматировать указанный интервал. Если у кого-то еще возникла такая же проблема, я бы порекомендовал вам использовать другой шрифт для значков, например Font Awesome.

Подробнее здесь: https://stackoverflow.com/questions/494 ... s-exterior
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»