The following list provides examples that demonstrate how to use glyphs: However, they are vector paths and, like any font, would look clean, distinguishable, non-pixelated and beautiful in almost any size, which is their advantage to raster images and icons. 32, 48, 64, etc.) since they are designed for 16px height. The recommended size for the TelerikWebUI glyphs is 16 or any multiple of 16 (e.g. The available glyphs are separated in several groups, based on their usage: They are not specific for the Office2016. They are available for use in any of our themes when the needed resources are included. To use them, include the assembly and merge the needed resource dictionary for easier referencing.
They are all contained in a small font file. You can change their color by setting a Foreground color, which allows their usage in scenarios where the background of the control changes between light and dark color in different interaction states – e.g. They are easily colored – since they are text shapes. There is a wide range of different beautiful built-in glyphs to choose from. The glyphs are vector paths that are easily scalable without loss of quality. We have chosen this approach to define the icons in the Office2016 because it provides a number of advantages and benefits: The TelerikWebUI font provides over 400 individual glyphs. It has many advantages that are documented in the RadGlyph article.įor a list with all available glyphs, see the Glyphs Reference Sheet. This article explains the specifics of this approach, demonstrates usage with examples and provides a reference sheet for the available glyphs.Īs of R1 2018, we recommend using the new RadGlyph class and markup extension to visualize font glyphs. The glyphs are vector symbols that can be used as information-carrying icons or interaction indicators.
We are providing font glyphs via the TelerikWebUI font. With the Office2016 theme, we introduced a new approach to add icons and icon-like images. Download free 30-day trial Font Glyphs Overview