Как полностью убрать все отступы у текста и выровнять его по вертикали?

Question

[Алексей Шляпин]

html:

<div class="logo">
      <a href="#" class="logo__link">
        <div class="logo__text">
          TEXT
        </div>
      </a>
    </div>

scss:

logo {
  height: 2.5*$logo-text-size;
  display: flex;
  align-items: center;
  &__text {
    font-size: $logo-text-size;
    color: $primary-color;
  }
  &__link {
    display: block;
    &:link {
      text-decoration: none;
      color: $primary-color;
    }
    &:visited {
      color: black;
    }
  }
}

Уже все способы перепробовал, но почему-то у текста верхний и нижний отступы отличаются.

Comments

[Aetae]

Сделай пример на codepen.

[imko]

Может сам шрифт такой что у него буквы в строке стоят ниже?

[Ankhena]

У этих элементов нет отступов по умолчанию, в показанных стилях тоже их нет => поддерживаю комментарий выше - это особенности шрифта

[Алексей Шляпин]

imko, может быть.

Исследую этот вопрос. Спасибо за подсказку!