windows phone silverlight font-awesome and appbar icon

Question

我正在制作一个 windows phone 8 silverlight 应用程序。而且我在我的应用程序主页上使用 font-awesome 图标。它们确实在设计器中正确显示，但是当我在模拟器上运行应用程序时，它们无法正确显示。

另外，我使用普通 76 X 76 px PNG 文件图像作为应用栏图标，它们甚至没有在设计器中正确显示，它们不适合应用栏图标的圆圈，而是它们尝试逃离圈子。我正在从下面的模拟器中攻击图像/屏幕截图，您可以查看并告诉我解决方案。 提前致谢

来自模拟器的图像

视觉工作室设计师的图片

ApplicationBar 的 XAML 代码

<phone:PhoneApplicationPage.ApplicationBar>
    <shell:ApplicationBar>
        <shell:ApplicationBarIconButton IconUri="/Assets/AppBar/scan.png"
                                        IsEnabled="True"
                                        Text="Scan"/>
        <shell:ApplicationBarIconButton IconUri="/Assets/AppBar/search.png"
                                        IsEnabled="True"
                                        Text="Search"/>
    </shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar>

主页图标文本块的应用程序资源

<phone:PhoneApplicationPage.Resources>
    <ResourceDictionary >
        <Style TargetType="TextBlock"
               x:Key="MainPageIcon">
            <Setter Property="FontSize"
                    Value="80" />
            <Setter Property="Width"
                    Value="90" />
            <Setter Property="FontFamily"
                    Value="/Resources/FontAwesome.otf#FontAwesome" />
            <Setter Property="TextAlignment"
                    Value="Center" />
        </Style>
    </ResourceDictionary>
</phone:PhoneApplicationPage.Resources>

主页上某个图标的 XAML

<TextBlock Text="&#xf02a;"  Style="{StaticResource MainPageIcon}"/>

Answer 1

其实，图片大小并不重要。重要的是 - 它是实际图标周围的透明边框。在实际图像周围添加宽大的透明边框，您就可以搞定了。

图片不正确：https://i.stack.imgur.com/pNuJg.png

正确图片：https://i.stack.imgur.com/qPdRc.png

VS XAML 设计器截图：https://i.stack.imgur.com/9Jgpg.png

模拟器截图：https://i.stack.imgur.com/ZuCUE.png