none
[UWP] Fontawesome no funciona en UWP RRS feed

  • Pregunta

  • Buenas!

    Estoy desarrollando una app de Windows 10 con botones cuyos iconos son de Font Awesome. He utilizado RadioButton para que aparezcan los iconos utilizando la propiedad Tag para mostrarlo: 

    <RadioButton Tag="&#xf039;"  Style="{StaticResource ButtonTop}" />

    El ButtonTop aplica el estilo para que se muestre el icono de la siguiente forma: 

            <Style x:Key="ButtonTop" TargetType="RadioButton">
                <Setter Property="Background" Value="Transparent"/>
                <Setter Property="Padding" Value="3"/>
                <Setter Property="Foreground" Value="White"/>
                <Setter Property="HorizontalAlignment" Value="Stretch"/>
                <Setter Property="VerticalAlignment" Value="Center"/>
                <Setter Property="HorizontalContentAlignment" Value="Left"/>
                <Setter Property="VerticalContentAlignment" Value="Center"/>
                <Setter Property="VerticalContentAlignment" Value="Center"/>
                <Setter Property="FontFamily" Value="./Assets/fontawesome-webfont.ttf#FontAwesome"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="RadioButton">
                            <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal"/>
                                        <VisualState x:Name="Disabled" />
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="CheckStates">
                                        <VisualState x:Name="Checked">
                                        </VisualState>
                                        <VisualState x:Name="Unchecked"/>
                                        <VisualState x:Name="Indeterminate"/>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused"/>
                                        <VisualState x:Name="Unfocused"/>
                                        <VisualState x:Name="PointerFocused"/>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Grid Name="BackgroundGrid" Background="Transparent" VerticalAlignment="Stretch">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="48"/>
                                        <ColumnDefinition Width="*"/>
                                    </Grid.ColumnDefinitions>
                                    <TextBlock FontSize="24" Height="24" Text="{TemplateBinding Tag}" FontFamily="./Assets/fontawesome-webfont.ttf#FontAwesome" Margin="5,8,5,5" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                                    <ContentPresenter x:Name="ContentPresenter" AutomationProperties.AccessibilityView="Raw" ContentTemplate="{TemplateBinding ContentTemplate}" ContentTransitions="{TemplateBinding ContentTransitions}" Content="{TemplateBinding Content}" Grid.Column="1" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" TextWrapping="Wrap" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                                </Grid>
                            </Border>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
    

    El icono no se mostraba y en cambio mostraba un cuadrado. Al principio creía que era falta de referencia al ttf de font awesome, pero probé a instalar el ttf en el ordenador y si enseña los botones. 

    El problema es que no sé como se podría instalar la fuente (ttf) en los dispositivos que descarguen la app.

    Saludos y gracias

    viernes, 4 de marzo de 2016 9:18

Respuestas

  • Hola Alejandro Aldana

    Gracias por consultar en los foros. Aunque FontAwesome es una herramienta de terceros, y esta información no ofrece garantías, te puedo recomendar la documentación respecto a FontAwesome-UWP. Espero esto sea de utilidad.

    Saludos

    José De Alva

    _________________________

    Por favor, recuerde "Marcar como respuesta" las respuestas que hayan resuelto su problema, hace que sea más fácil para los otros visitantes encontrar la solución más tarde. Microsoft ofrece este servicio de forma gratuita, con

     la finalidad de ayudar a los usuarios y la ampliación de la base de datos de conocimientos relacionados con los productos y tecnologías de Microsoft. Este contenido es proporcionado "tal cual" y no implica ninguna responsabilidad de parte de Microsoft.

    lunes, 28 de marzo de 2016 15:59
    Moderador