Changes

Icon Font

1,057 bytes added, 12 March
Added info on how to view icon set
'''UBIK-Standard.ttf''' is a custom set of font icons developed primarily for use on the Mobile Client, due to concerns over the legality of using Microsoft's Segoe MDL2 Assets icon font file on non-Windows platforms (ie. Android and iOS). Apart from this legal concern, having a standardized font icon set will contribute to having a more consistent look across the various platforms and clients as UBIK-Standard.ttf becomes more widely adopted.
 
{{Hint|The latest font set can be downloaded directly from here using the [[File:UBIK-Standard.zip]] file.}}
{{Attention|UBIK-Standard is an <I>Icon Font</I>. For Mobile, the standard Text Font is [https://rsms.me/inter/ Inter], which is included in the resources and thus available to use immediately.}}
{{Attention|UBIK-Standard is currently only supported for the Mobile client.}}
 
==Viewing Icons==
{{Hint|The latest font set can be downloaded directly from here using the [[File:UBIK-Standard.zip]] file.}}
 
There are two ways to view which icons are available in the set.
The first requires installing [https://apps.microsoft.com/detail/9WZDNCRDXF41?hl=en-us&gl=AT&ocid=pdpshare Character Map] from the Microsoft store.
Then, download the UBIK-Standard.zip linked above and locate the UBIK-Standard.tff (inside the 'fonts' subfolder). Once this is installed on your local PC, you can use the Character Map program you just installed to get a good overview of the full icon set.
 
 
[[File:Hexlabelsinmap.PNG]]
 
 
For finding the human readable labels that can be used in your xamlx files to display specific icons, you must make sure to unzip UBIK-Standard.zip, then you can open the 'demo.html' file in your web browser. Search for the icon you want either by its Hex code or character value (which you can find in Character Map under the 'Glyph Code' section, or by pressing the Copy button, respectively). These are displayed in the demo.html file on the right and left under each icon, respecitvely. For searching by Hex code, only the last 2-3 characters are required, such as "26" or "123".
 
[[File:Textlabelsinweb.PNG]]
==Usage==
</syntaxhighlight>
[[Category:Mobile|Icon Font]][[Category:Pages with broken file links|Icon Font]]
== Available Icons==
728
edits