Right Font 5 5 4 Cr2

Posted on  by

Font Squirrel relies on advertising in order to keep bringing you great new free fonts and to keep making improvements to the web font generator. If you are seeing this message, you probably have an ad blocker turned on. Please consider disabling it to see content from our partners.

-->

This article describes how Xamarin.Forms lets you specify font attributes (including weight and size) on controls that display text. Font information can be specified in code or specified in XAML. It's' also possible to use a custom font, and display font icons.

Set the font in code

Since RightFont 5 stores all your font files in a portable Font Library folder, you have the choice to distribute it over many services. Search fonts by classification, style or language The filter panel helps you search fonts quickly by classification, style or language in real time, making RightFont a perfect font manager for you. Best way to convert your CR2 to PNG file in seconds. 100% free, secure and easy to use! Convertio — advanced online tool that solving any problems with any files.

Use the three font-related properties of any controls that display text:

  • FontFamily – the string font name.
  • FontSize – the font size as a double.
  • FontAttributes – a string specifying style information like Italic and Bold (using the FontAttributes enumeration in C#).

This code shows how to create a label and specify the font size and weight to display:

Font size

The FontSize property can be set to a double value, for instance:

The size value is measured in device-independent units. For more information, see Units of Measurement.

Xamarin.Forms also defines fields in the NamedSize enumeration that represent specific font sizes. For more information about named font sizes, see Named font sizes.

Font attributes

Font styles such as bold and italic can be set on the FontAttributes property. The following values are currently supported:

  • None
  • Bold
  • Italic

The FontAttribute enumeration can be used as follows (you can specify a single attribute or OR them together):

Set font info per platform

Alternatively, the Device.RuntimePlatform property can be used to set different font names on each platform, as demonstrated in this code:

A good source of font information for iOS is iosfonts.com.

Set the font in XAML

Xamarin.Forms controls that display text all have a FontSize property that can be set in XAML. The simplest way to set the font in XAML is to use the named size enumeration values, as shown in this example:

There is a built-in converter for the FontSize property that allows all font settings to be expressed as a string value in XAML. In addition, the FontAttributes property can be used to specify font attributes:

The Device.RuntimePlatform property can also be used in XAML to render a different font on each platform. The example below uses different fonts on each platform:

Named font sizes

Xamarin.Forms defines fields in the NamedSize enumeration that represent specific font sizes. The following table shows the NamedSize members, and their default sizes on iOS, Android, and the Universal Windows Platform (UWP):

Right Font 5 5 4 Cr2 Battery

MemberiOSAndroidUWP
Default161414
Micro111015.667
Small131418.667
Medium161722.667
Large202232
Body171614
Header179646
Title282424
Subtitle221620
Caption121212

The size values are measured in device-independent units. For more information, see Units of Measurement.

Named font sizes can be set through both XAML and code. In addition, the Device.GetNamedSize method can be called to return a double that represents the named font size:

Note

On iOS and Android, named font sizes will autoscale based on operating system accessibility options. This behavior can be disabled on iOS with a platform-specific. For more information, see Accessibility Scaling for Named Font Sizes on iOS.

Use a custom font

Custom fonts can be added to your Xamarin.Forms shared project and consumed by platform projects without any additional work. The process for accomplishing this is as follows:

  1. Add the font to your Xamarin.Forms shared project as an embedded resource (Build Action: EmbeddedResource).
  2. Register the font file with the assembly, in a file such as AssemblyInfo.cs, using the ExportFont attribute. An optional alias can also be specified.

Important

Embedded fonts requires the use of Xamarin.Forms 4.5.0.530 or higher.

The following example shows the Lobster-Regular font being registered with the assembly, along with an alias:

Note

The font can reside in any folder in the shared project, without having to specify the folder name when registering the font with the assembly.

The font can then be consumed on each platform by referencing its name, without the file extension:

Alternatively, it can be consumed on each platform by referencing its alias:

Right Font 5 5 4 Cr2 Converter

The equivalent C# code is:

The following screenshots show the custom font:

Important

On Windows, the font file name and font name may be different. To discover the font name on Windows, right-click the .ttf file and select Preview. The font name can then be determined from the preview window.

Display font icons

Right Font 5 5 4 Cr2 Files

Font icons can be displayed by Xamarin.Forms applications by specifying the font icon data in a FontImageSource object. This class, which derives from the ImageSource class, has the following properties:

Converter
  • Glyph – the unicode character value of the font icon, specified as a string.
  • Size – a double value that indicates the size, in device-independent units, of the rendered font icon. The default value is 30. In addition, this property can be set to a named font size.
  • FontFamily – a string representing the font family to which the font icon belongs.
  • Color – an optional Color value to be used when displaying the font icon.

This data is used to create a PNG, which can be displayed by any view that can display an ImageSource. This approach permits font icons, such as emojis, to be displayed by multiple views, as opposed to limiting font icon display to a single text presenting view, such as a Label.

Important

Font icons can only currently be specified by their unicode character representation.

Right Font 5 5 4 Cr2 File

The following XAML example has a single font icon being displayed by an Image view:

This code displays an XBox icon, from the Ionicons font family, in an Image view. Note that while the unicode character for this icon is uf30c, it has to be escaped in XAML and so becomes . The equivalent C# code is:

The following screenshots, from the Bindable Layouts sample, show several font icons being displayed by a bindable layout:

Related links