From App Bundle

PhotoEditor SDK supports adding custom fonts from the app bundle. In this example, we add the font Raleway as well as a system font.

Custom Fonts#

PhotoEditor SDK supports custom TTF and OTF fonts. Each custom font takes an identifier, a name, a fontName as well as a fontUri that points to the local font file. Remote resources are also supported, however, they need to be downloaded in advance. For further reference, please have a look at the dedicated section on this.

System Fonts#

Furthermore, the SDK also supports adding system fonts. To add these, simply add the matching fontName, as well as your identifier and the name.


import 'package:catalog/models/code_example.dart';
import 'package:imgly_sdk/imgly_sdk.dart';
import 'package:photo_editor_sdk/photo_editor_sdk.dart';

class PhotoTextLocalExample extends CodeExample {
  @override
  void invoke() async {
    // Create [TextOptions] to customize the text tool.
    final textOptions = TextOptions(fonts: [
      // A custom font.
      Font("custom_font_raleway_regular", "custom_font_raleway_regular",
          "Raleway",
          fontUri: "assets/custom_font_raleway_regular.ttf"),
      // A system font.
      Font("system_font_helvetica", "Helvetica", "Helvetica")
    ]);

    // Create a [Configuration] instance.
    final configuration = Configuration(text: textOptions);

    try {
      // Open the photo editor and handle the export as well as any occurring errors.
      final result = await PESDK.openEditor(
          image: "assets/LA.jpg", configuration: configuration);

      if (result != null) {
        // The user exported a new photo successfully and the newly generated photo is located at `result.image`.
        print(result.image);
      } else {
        // The user exported a new photo successfully and the newly generated photo is located at `result.image`.
        return;
      }
    } catch (error) {
      // The user exported a new photo successfully and the newly generated photo is located at `result.image`.
      print(error);
    }
  }
}