Android 在NativeScript中，为什么不'；这些图标不是居中显示吗？

我想在NativeScript+Angular应用程序中使用FontAwesome字体

我已经按照指示做了

我将FontAwesome.ttf文件添加到fonts目录并添加了

.fa {
font-family: "FontAwesome", FontAwesome;
} 

到app.css

然后我将fa样式应用于一个标签，该标签的文本是我想要的图标代码。我希望图标在圆圈中居中

我在这方面树立了一个成功的榜样

应用了“fa”样式的任何字符都不在圆的中心。这在Android和iOS下都会发生

我是做错了什么还是这是一个bug

我已经尝试了FontAwesome的当前版本和我在游乐场链接中包含的旧版本。我也尝试过材料设计图标

我注意到，这似乎不会发生在基于Angular 6的环境中，因为我正在使用Angular 7.1

---

我认为这可能是字体本身的问题，字体中的矢量有自己的定位/边距。一种解决方法是将

圆

类（圆边）应用于标签的父项，并将

垂直对齐

设置为

中心

        <StackLayout class="circle" verticalAlignment="center">
            <Label class="fa" text="&#xf018;"></Label>
        </StackLayout>
        <StackLayout class="circle" verticalAlignment="center">
            <Label class="fa" text="XX"></Label>
        </StackLayout>

---

我认为这可能是字体本身的问题，字体中的矢量有自己的定位/边距。一种解决方法是将

圆

类（圆边）应用于标签的父项，并将

垂直对齐

设置为

中心

        <StackLayout class="circle" verticalAlignment="center">
            <Label class="fa" text="&#xf018;"></Label>
        </StackLayout>
        <StackLayout class="circle" verticalAlignment="center">
            <Label class="fa" text="XX"></Label>
        </StackLayout>

---

这很有道理。我已经证实这是可行的。非常感谢。这很有道理。我已经证实这是可行的。非常感谢。