//создаем компонент FontDialog
        var fontdialog = new PP.Ui.FontDialog();
        //текущие настройки шрифта
        fontdialog.setFont(new PP.Font({
            //название
            FontFamily: "Tahoma",
            //размер
            Size: 12,
            //цвет
            Color: "#00BFFF",
            //не используем цвет по умолчанию
            UseAutoColor: false,
            //полужирное начертание
            IsBold: true,
            //курсив

            IsItalic: true,
            //не перечеркнутый
            IsStriken: false,
            //с подчеркиванием
            IsUnderline: true,
            //не надстрочный
            IsSuperior: false,
            //не подстрочный
            IsInferior: false,
            //без использования малых прописных
            IsLowerCapitalized: false,
            //без использования всех прописных
            IsCapitalized: false
        }));

        //устанавливаем текст примера
        fontdialog.setSampleTextString("Пример");
        //кнопка для вызова диалога
        var b = new PP.Ui.Button({
            ParentNode: document.getElementById("but1"),
            Content: "Font dialog",
            Width: 50,
            Height: 20
        });
        b.Click.add(function (sender, args) { fontdialog.show(100, 100) });