Feature Request: get list of fonts used in a stylesheet

[pdkn]

Usecase:

load an external stylesheet. Then get a list of all fontNames used in stylesheet so the fonts can also be loaded from individual, external, files. Optionally mapping fontNames to fontFileNames.

example ( once css has been loaded into a FStyleSheet):
var len:int = styleSheet.styleNames.length;

var fonts:Array = [];
for (var i:int = 0; i < len; i ++)
{
var style:IStyle = styleSheet.getStyle(styleSheet.styleNames[i]);

// create temp textfeild to get access to textFormat 
var tf:TextField = new TextField();
TextFieldUtil.applyStyle(tf, style);

// only add fonts if specifed in css
if (style['font'] || style['font-face'] || style['fontFace'] || style['font-family'] || style['fontFamily'] )
{
    fonts.push(tf.defaultTextFormat.font );
}               

}

// remove duplicates
fonts = fonts.filter(function(e, i, fonts) {return fonts.indexOf(e) == i}, this);

trace(fonts);

[pdkn]

I've created a little utils class that you may wish to ammend/add?

Example:
var fonts:Array = FontsUtil.getFontNames(styleSheet);

Class:

package com.flashartofwar.fcss.utils {

import flash.text.TextField;
import flash.text.TextFormat;

import com.flashartofwar.fcss.styles.IStyle;
import com.flashartofwar.fcss.stylesheets.IStyleSheet;

public class FontsUtil
{

    public static function getFontNames(styleSheet:IStyleSheet):Array
    {
        var tf:TextField = new TextField();
        var len:int = styleSheet.styleNames.length;
        var fonts:Array = [];
        for (var i:int = 0; i < len; i ++)
        {
            var style:IStyle = styleSheet.getStyle(styleSheet.styleNames[i]);

            // create temp textfeild to get access to textFormat 

            TextFieldUtil.applyStyle(tf, style);

            // only add fonts if specifed in css
            if (style['font'] || style['font-face'] || style['fontFace'] )
            {
                fonts.push(tf.defaultTextFormat.font );
            }               
        }

        // remove duplicates
        fonts = fonts.filter(function(e:*, i:*, fonts:Array):Boolean {return fonts.indexOf(e) == i});

        return fonts;
    }
}

}

[theflashbum]

I like this feature request and will see how I can build it into the StyleSheet class it self. I don't see why we couldn't have a query property by name allowing you to get all the values of any supplied property. In this case it would be fonts. It would easily be able to implement this with a regex search on the raw css or allow you to add filters to pull out this information on the initial parse.

Lets leave this open until I can implement something.