SystemFont Class
A system-specific typeface from the target device.
This allows us to get fonts available on the target system on Android and iOS. By using this we can save space by not bundling fonts that are known to be available on the target system with our app.
Returns the default font if no matching font is found.
Example
The following example shows how to use a bold font from the Baskerville font family:
<SystemFont Family="Baskerville" Style="Normal" Weight="Bold" ux:Global="BaskervilleBold" />
<Text Font="BaskervilleBold">Hello, world!</Text>Android typically uses abstract font families (e.g. sans-serif),
whereas iOS uses concrete (e.g. Helvetica Neue), so it is often the case that
we want to specify different font families that are depending on the target. To do this,
we can use local resources:
<Android>
<SystemFont Family="monospace" Style="Normal" Weight="Normal" ux:Key="Monospace" />
</Android>
<iOS>
<SystemFont Family="Courier" Style="Normal" Weight="Normal" ux:Key="Monospace" />
</iOS>
<Text Font="{Resource Monospace}">Hello, world!</Text>Note that this only works on iOS and Android, and that it is not guaranteed to be consistent across devices, OSes, or OS versions.
Location
- Namespace
- Fuse
- Package
- Fuse.Common 2.9.1