sleek logo sleek ai/ logo sleek motion/ logo sleek pixel/ logo sleek view/ logo

Settings - Custom Fonts

The Custom Fonts section allows you to upload and manage your own font files, enabling you to maintain brand consistency and use unique typography in your SleekPixel designs.

/wp-admin/admin.php?page=sleek-pixel#/settings/custom-fonts

Edit the placeholder with your site URL, it will be saved for the next time you visit.

Uploading Custom Fonts

When you first visit the Custom Fonts section, you will be presented directly with the upload interface.

  1. Navigate to Settings: Go to SleekPixel > Settings in your WordPress admin sidebar.
  2. Select Custom Fonts Tab: Click on the Custom Fonts tab.
  3. Add Font Files: Drag and drop your font files (accepted types shown are .ttf, .font/ttf) onto the designated area, or click to select files.
  4. Review and Upload: The selected files will appear in the "Files ready to upload" list. You can remove individual files using the trash icon if needed. Click the Upload X files button to proceed.

Once you upload your first font, the interface will change to include two sub-tabs: Upload New and Uploaded. The Upload New tab contains the drag-and-drop interface described above.

Refer to the accepted types listed in the upload area for supported font formats. Ensure your files match these types.

Managing Custom Fonts

After uploading at least one font, the Uploaded sub-tab becomes available. This tab allows you to manage your custom fonts.

  • View Uploaded Fonts: This tab lists all fonts you have successfully added.
  • Edit Font Title: Click the pencil icon () next to a font name. A modal will appear allowing you to change the display Title of the font as it appears in the editor's font list.
  • Delete Fonts: Remove fonts you no longer need by clicking the trash icon () next to the font name.

Using Custom Fonts in the Editor

After uploading, your custom fonts will automatically be available in the font selection dropdown within the SleekPixel editor.

  1. Open the Editor: Go to SleekPixel > Designs and open or create a design.
  2. Select a Text Element: Click on any text element on your canvas.
  3. Access Font Options: In the element panel (usually on the right), find the Font Family dropdown.
  4. Choose Your Custom Font: Your uploaded custom fonts will appear at the top of the list, prefixed with Custom: followed by the Title you set (e.g., Custom: MyBrandFont). Select the desired font to apply it to the text element.

By using custom fonts, you can ensure your dynamically generated images perfectly align with your website's branding and visual identity.