close
Skip to content

Font Library: Improve font upload UX #76674

@juanfra

Description

@juanfra

The current font upload interface is missing clear visual cues that it's a dropzone and doesn't show that you can upload multiple files at once.

Current problems:

  • No clear visual indication this is a dropzone
  • "Upload font" (singular) makes it seem like you can only upload one file.
  • No dashed border like other WordPress dropzones (Media Library)

Proposed improvements:

  • Add upload icon. Use the standard upload icon from the design system
  • Change to plural, so that it's clear that you can upload more than one font at once.
  • Add helper text. Can be a more muted style, I'd go with "Drop files or click to select"
  • Add dashed border. (We are already using it in other places like the media library, and it's an established pattern)

These changes will make it obvious the area is interactive, show you can upload multiple files (easier to discover drag and drop) and we'll be following patterns we already have.

Current

Image

Proposed

A. With allowed formats at the bottom B. Moving allowed formats to the dropzone
Image Image

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions