How To Set Custom Font For Items Loaded In Xamarin.Forms Listview?

Sample date Updated on Sep 13, 2025
listview xamarin xamarin-forms

This example demonstrates how to set custom font for items loaded in Xamarin.Forms Listview.

Sample

<Grid RowSpacing="0">
    <syncfusion:SfListView x:Name="listView" BackgroundColor="AliceBlue"
                           AllowGroupExpandCollapse="True"
                           ItemSpacing="3" ItemSize="70"
                           ItemsSource="{Binding ContactsGrouped}">
        <syncfusion:SfListView.GroupHeaderTemplate>
            <DataTemplate x:Name="GroupHeaderTemplate">
                <ViewCell>
                    <ViewCell.View>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="30" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <Image x:Name="NormalImage" Grid.Column="0" HorizontalOptions="Center"
                                   Source="{Binding IsExpand, Converter={StaticResource BoolToImageConverter}}"
                                   VerticalOptions="Center"/>
                            <Label Text="{Binding Key}" Grid.Column="1"
                                   FontFamily="{StaticResource Pacifico-Font}" />
                        </Grid>
                    </ViewCell.View>
                </ViewCell>
            </DataTemplate>
        </syncfusion:SfListView.GroupHeaderTemplate>

        <syncfusion:SfListView.ItemTemplate>
            <DataTemplate>
                <ViewCell>
                    <ViewCell.View>
                        <Grid x:Name="grid" RowSpacing="1">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*" />
                                <RowDefinition Height="1" />
                            </Grid.RowDefinitions>
                            <Grid RowSpacing="1">
                            . . .
                            . . .

                                <Grid>
                                    <Image Source="{Binding ContactImage}"
                                           VerticalOptions="Center                                
                                </Grid>
                            </Grid>
                            <StackLayout Grid.Row="1" BackgroundColor="Gray" HeightRequest="1"/>
                        </Grid>
                    </ViewCell.View>
                </ViewCell>
            </DataTemplate>
        </syncfusion:SfListView.ItemTemplate>
    </syncfusion:SfListView>
</Grid>

See How-to-set-custom-font-for-items-loaded-in-Xamarin.Forms-Listview? for more details

Requirements to run the demo

Troubleshooting

Path too long exception

If you are facing path too long exception when building this example project, close Visual Studio and rename the repository to short and build the project.

Up arrow