Embedding local system fonts in Flex 4

By Peter deHaan On January 21, 2010 · 4 Comments

In a previous example, “Embedding fonts by name instead of location”, we saw how you could embed a font in Flex by specifying the font name instead of a location by using the local() function instead of the src() function when embedding a font.

The following example shows how you can load a system [...]

Continue Reading →

Using embedded fonts in a Flex DataGrid control

By Peter deHaan On February 12, 2008 · 2 Comments

The following example shows how you can use embedded fonts with the DataGrid control in Flex.

Note that the DataGridColumn’s use a bold font by default, so you’ll either need to either embed both a normal and bold font weight, or else set the DataGrid control’s column font weight to normal.

Full code after [...]

Continue Reading →

Specifying custom named unicode ranges in Flex

By Peter deHaan On January 24, 2008 · 5 Comments

We’ve looked at general font embedding and unicode ranges before in previous examples (see “Embedding and animating fonts in a Flex application” and “Specifying certain unicode-ranges for embedded fonts”), but this example will show you how you can embed a named range of unicode characters into an application by editing your flex-config.xml file [...]

Continue Reading →

Embedding fonts for the Flex DateField control

By Peter deHaan On December 16, 2007 · Leave a Comment

The following example shows how you can embed fonts for use with the DateField control in Flex. Note that we embed both the normal and bold font weights since by default the month and year are bold in the DateChooser sub-component.

Full code after the jump.

Continue Reading →

Embedding fonts from a Flash SWF file into a Flex application

By Peter deHaan On October 25, 2007 · 20 Comments

The following examples show how you can embed a font from a Flash SWF into a Flex application using @font-face in a <mx:Style /> block, or using the [Embed] metadata.

Continue Reading →

Creating a custom creation complete effect on a Flex Alert control

By Peter deHaan On October 12, 2007 · 8 Comments

The following example shows how to specify an effect which gets played when an Alert control is displayed by setting the Alert control’s creationCompleteEffect style. You can also see how to embed both the normal and bold font using CSS and @font-face.

Full code after the jump.

Continue Reading →

Embedding fonts by name instead of location

By Peter deHaan On October 9, 2007 · 1 Comment

The following example shows how you can embed a font in Flex by specifying the font name instead of a location by using the local() function instead of the src() function when embedding a font.

Full code after the jump.

Continue Reading →

Styling the HSlider control using CSS

By Peter deHaan On September 12, 2007 · Leave a Comment

The following example shows how you can style a HSlider (or VSlider) control in Flex using Cascading Style Sheets (CSS).

Full code after the jump.

 

Continue Reading →

Styling a Flex Button control using embedded fonts

By Peter deHaan On August 28, 2007 · 5 Comments

The following example shows how you can customize the appearance of a Flex Button control by using an embedded font and removing the Button’s default skin.

 

Continue Reading →

Styling the Flex Alert control

By Peter deHaan On August 11, 2007 · 17 Comments

This is a more complex version of my previous example. This time in addition to making the Alert control’s text non-selectable, we use an embedded font for the Alert title, message, buttons, as well as edit the drop shadow, remove the rounded corners, and remove the button skins.

Continue Reading →

Specifying certain unicode-ranges for embedded fonts

By Peter deHaan On August 7, 2007 · 8 Comments

In a previous post (“Embedding and animating fonts in a Flex application“), we looked at embedding a font in a Flex application so we could animate, rotate, and set the alpha for a Text control. Well, as we learnt, sometimes embedding a whole font face can dramatically increase the size of the final SWF [...]

Continue Reading →

Embedding and animating fonts in a Flex application

By Peter deHaan On August 6, 2007 · 11 Comments

I meant to post this earlier, and I already touched on font embedding in an earlier post (Building a basic controller for the VideoDisplay control), but here’s a quick little way to embed a font in a Flex application.

In this example we embed a font (the awesome “Base 02″ PC TrueType font (TTF) [...]

Continue Reading →