Windows 在UWP的移动视图中,字体样式不受影响

Windows 在UWP的移动视图中,字体样式不受影响,windows,xaml,uwp,windows-10-universal,Windows,Xaml,Uwp,Windows 10 Universal,我正在为windows-10开发windows通用平台应用程序。我设计了整个应用程序,并在整个应用程序中使用两种字体样式。 1) 乌萨阿 2) 拉维 字体系列在桌面和表格视图中都能正常工作。但当我在emulator(移动视图)中运行我的应用程序时,这两种字体都不会影响我的文本块,这意味着默认字体为Mobile initialize,所以请给我建议一个解决方案。我只是附上截图也代码 代码: 图片: 以下是UWP应用程序的“推荐”字体列表 字体指南 这些字体保证在所有Win10设备系列中可用

我正在为windows-10开发windows通用平台应用程序。我设计了整个应用程序,并在整个应用程序中使用两种字体样式。 1) 乌萨阿 2) 拉维

字体系列在桌面和表格视图中都能正常工作。但当我在emulator(移动视图)中运行我的应用程序时,这两种字体都不会影响我的文本块,这意味着默认字体为Mobile initialize,所以请给我建议一个解决方案。我只是附上截图也代码

代码:


图片:


以下是UWP应用程序的“推荐”字体列表

字体指南

这些字体保证在所有Win10设备系列中可用-桌面、移动、物联网等。 但是,Utsaah和Raavi没有被列入名单

医生说:

注意:如果您使用的字体不在此列表中,您的应用程序可能会触发 从Microsoft服务自动下载字体数据

移动设备上可用的UWP应用程序永远不应使用UI字体 此列表中字体以外的内容


这是不推荐的(

我已经访问了此链接,我知道问题的原因,但我需要一个解决方案。这意味着我只能使用选定的字体样式。@HardikKothari:你已经知道答案。“移动设备上可用的UWP应用程序决不能对UI内容使用除此列表中字体以外的字体。”不要因为规则对您不方便而反对。请使用受支持字体列表中的字体。@IInspectable:是的,您是对的,事实上,如果有任何可能的解决方案,我只是想找到一个解决方案。我无法在我的身边重现您的问题。当我使用您的代码进行测试时,这些字体在emulator中运行良好。我添加了两个
Text将代码中的
s与默认字体进行比较。请检查并注意“产品详细信息”中的“R”、“s”字符和“SKU”中的“K”。在blend中打开你的应用程序,并将字体作为资源嵌入到你的应用程序中。我会创建一个答案,但今天早上我太懒了。这就是你在应用程序中获得自定义字体的原因。你需要将其作为资源嵌入到应用程序中。是否尝试在应用程序中包含字体?将其添加到应用程序中并设置文本块的字体。不,我没有尝试在应用程序中添加字体?我也不知道。如果你有任何方法,那么告诉我我一定会这样做。
    <Grid HorizontalAlignment="Stretch">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"></RowDefinition>
            <RowDefinition Height="auto"></RowDefinition>
            <RowDefinition Height="auto"></RowDefinition>
            <RowDefinition Height="auto"></RowDefinition>
            <RowDefinition Height="auto"></RowDefinition>
            <RowDefinition Height="auto"></RowDefinition>
            <RowDefinition Height="auto"></RowDefinition>
            <RowDefinition Height="auto"></RowDefinition>
            <RowDefinition Height="auto"></RowDefinition>
            <RowDefinition Height="auto"></RowDefinition>
            <RowDefinition Height="auto"></RowDefinition>
        </Grid.RowDefinitions>
        <StackPanel x:Name="topbar" Background="#FFF4F4F4" Grid.Row="0" Grid.ColumnSpan="2">

            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="auto"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <Button x:Name="back_deatil_button" Grid.Column="0" Click="back_deatil_button_Click" Background="Transparent" Style="{StaticResource ButtonStyle1}">
                    <Image Source="Images/bback_icon@2x.png"  Height="25"  Stretch="Fill"></Image>
                </Button>
                <TextBlock x:Name="product_details" Grid.Column="1"  FontSize="14"   Text="PRODUCT DETAILS"  Foreground="#FFF05929" FontFamily="Raavi" FontWeight="Bold" HorizontalAlignment="Center" VerticalAlignment="Center" ></TextBlock>
            </Grid>
        </StackPanel>

        <StackPanel x:Name="product_detail" Grid.ColumnSpan="2" Margin="0,10,0,10" Grid.Row="1" HorizontalAlignment="Center" VerticalAlignment="Center">
            <TextBlock x:Name="ProductName"  FontSize="16" FontFamily="utsaah" VerticalAlignment="Center" HorizontalAlignment="Center" FontWeight="Bold"></TextBlock>
        </StackPanel>
        <Image Source="Images/top_large_shhadow.png" Grid.ColumnSpan="2" Grid.Row="2"  VerticalAlignment="Top"></Image>
        <StackPanel x:Name="product_img" Grid.ColumnSpan="2" Grid.Row="2" HorizontalAlignment="Center" VerticalAlignment="Top"  Height="137" Margin="40,0,54,20" Width="239">

            <Image  x:Name="ProductImage" Source="{Binding image}"  Height="137" Width="239" Margin="5"></Image>

        </StackPanel>
        <Image Source="Images/Products/top_large_shadow.png" Grid.ColumnSpan="2" Grid.Row="2" VerticalAlignment="Bottom"></Image>


        <TextBlock Text="SKU                               :" Grid.Row="3" Grid.Column="0" HorizontalAlignment="Center" FontWeight="Bold" FontFamily="Utsaah" FontSize="14"></TextBlock>
        <TextBlock x:Name="SKU"   Grid.Row="3" Grid.Column="1"  HorizontalAlignment="Left" FontFamily="Utsaah" FontSize="14"></TextBlock>
        <Image Source="Images/Products/top_large_shadow.png" Margin="0,25,0,0" Grid.ColumnSpan="2" Grid.Row="3" VerticalAlignment="Bottom"></Image>


        <TextBlock Text="Price                              :" Grid.Row="4" Grid.Column="0" HorizontalAlignment="Center" FontFamily="Utsaah" FontSize="14" FontWeight="Bold"></TextBlock>
        <TextBlock x:Name="Price"  Grid.Row="4" Grid.Column="1" HorizontalAlignment="Left" FontFamily="Utsaah" FontSize="14"></TextBlock>

        <Image Source="Images/Products/top_large_shadow.png"  Margin="0,25,0,0" Grid.ColumnSpan="2" Grid.Row="4" VerticalAlignment="Bottom"></Image>

        <TextBlock Text="Qty                                :" x:Name="RowTotalQty" FontFamily="Utsaah" FontSize="14" Grid.Row="5" Grid.Column="0" HorizontalAlignment="Center" FontWeight="Bold"></TextBlock>
        <TextBlock x:Name="TotalQty" Grid.Row="5" Grid.Column="1" HorizontalAlignment="Left" FontFamily="Utsaah" FontSize="14"></TextBlock>


        <Image Source="Images/Products/top_large_shadow.png"   Margin="0,25,0,0"  Grid.ColumnSpan="2" Grid.Row="5" VerticalAlignment="Bottom"></Image>


        <TextBlock Text="Special Price                :" x:Name="RowSpecialPrice" Grid.Row="6" Grid.Column="0" HorizontalAlignment="Center" FontFamily="Utsaah" FontSize="11"></TextBlock>
        <TextBlock x:Name="SpecialPrice" Grid.Row="6" Grid.Column="1"   HorizontalAlignment="Left" FontFamily="Utsaah" FontSize="14"></TextBlock>
        <Image Source="Images/Products/top_large_shadow.png"  Margin="0,25,0,0" Grid.ColumnSpan="2" Grid.Row="6" VerticalAlignment="Bottom" ></Image>

        <TextBlock Text="Status                           :" x:Name="RowStatus" Grid.Row="7" FontFamily="Utsaah" FontSize="14" Grid.Column="0" HorizontalAlignment="Center" FontWeight="Bold"></TextBlock>
        <TextBlock x:Name="Status" Grid.Row="7" Grid.Column="1" FontFamily="Utsaah" FontSize="14" HorizontalAlignment="Left"></TextBlock>
        <Image Source="Images/ttop_large_shadow.png"  Margin="0,25,0,0" Grid.ColumnSpan="2" Grid.Row="7" VerticalAlignment="Bottom"></Image>



        <TextBlock Text="Type                              :" FontFamily="Utsaah" x:Name="row_type" FontSize="14" Grid.Row="8" Grid.Column="0" HorizontalAlignment="Center" FontWeight="Bold"></TextBlock>
        <TextBlock x:Name="ProductType" Grid.Row="8" FontFamily="Utsaah" FontSize="14" Grid.Column="1" HorizontalAlignment="Left"></TextBlock>

        <Image Source="Imagesttop_large_shadow.png"  Margin="0,25,0,0" Grid.ColumnSpan="2" Grid.Row="8" VerticalAlignment="Bottom"></Image>

        <TextBlock Text="Associated                   :" Grid.Row="10" FontFamily="Utsaah" FontSize="14" Grid.Column="0" FontWeight="Bold" HorizontalAlignment="Center" x:Name="associated_prpduct" Visibility="Collapsed"></TextBlock>
        <TextBlock x:Name="Associated" Grid.Row="10" FontFamily="Utsaah" FontSize="14" Grid.Column="1" HorizontalAlignment="Left" TextWrapping="Wrap" ScrollViewer.VerticalScrollBarVisibility="Visible" ScrollViewer.IsVerticalRailEnabled="True"></TextBlock>

        <Image Source="Images/Products/top_large_shadow.png" x:Name="row_total_qty_shadow" Margin="0,25,0,0" Grid.ColumnSpan="2" Grid.Row="9" VerticalAlignment="Bottom"></Image>

        <TextBlock Text="Description                   :" FontFamily="Utsaah" x:Name="row_description" FontSize="14" Grid.Row="9" Grid.Column="0" HorizontalAlignment="Center"   FontWeight="Bold"></TextBlock>
        <StackPanel Grid.Column="1" Grid.Row="9" x:Name="pnl_description" Height="auto">
            <ScrollViewer  HorizontalAlignment="Stretch"  VerticalAlignment="Bottom" Height="50"  VerticalScrollBarVisibility="Auto" Margin="0,0,0,6">
                <TextBlock x:Name="Description"  FontFamily="Utsaah" FontSize="14" Grid.Column="1" TextWrapping="Wrap"   HorizontalAlignment="Stretch" Margin="0,0,10,0"></TextBlock>
            </ScrollViewer>
        </StackPanel>


    </Grid>
    <ProgressBar Name="mobile_back_loader" Visibility="Collapsed" IsIndeterminate="True" Foreground="#FFF05A2A" HorizontalAlignment="Stretch" Height="40" VerticalAlignment="Top"  Margin="0,150,0,0"  Grid.RowSpan="2"/>
</Grid>