Проблема с выравниванием шрифтов в Chrome - PullRequest
Новая
       4

Проблема с выравниванием шрифтов в Chrome

1 голос
/ 31 марта 2019

На скриншотах значки с номерами 9 и 2 представляют собой сложенные значки.Я использую vuetify в качестве внешнего интерфейса

В Firefox мои значки отображаются правильно и в той же строке, что и другие мои значки.

enter image description here

Но в Chrome и Safari они не выровнены

enter image description here

Я попытался установить display: inline, но значки в стеке слишком высоки.

Код моей кнопки 

<v-btn icon
    v-on="data.on">
    <span class="fa-stack fa-3x"></span>
    <v-icon color="green">fas fa-circle fa-stack-2x</v-icon>
    <strong class="fa-stack-1x text-primary">{{count}}</strong>
</v-btn>

Как сделать так, чтобы эти значки совпали со значком ключа для Chrome и других браузеров?

1 Ответ

0 голосов
/ 04 апреля 2019

Похоже, что размер шрифта в стеке добавляет высоту 2em, что не относится к Firefox, но беспокоит Chrome.Переопределение высоты до 0em устранило проблему.

...