typefaceoff / typefaceoff

Browser tool for facing off typefaces.
http://typefaceoff.github.io
MIT License
9 stars 13 forks source link

[Feature] App Store Inspired Elicitation (ASIE): Comparison mode: Timed/Animated Toggle #107

Open mwan391 opened 10 months ago

mwan391 commented 10 months ago

Feature Description

"Its common for me when comparing fonts to make a little timed looping GIF to compare 2 drafts of fonts in progress, especially at the start of a project, like this:"

6ee10d94-d494-11e4-8bcc-4ed4dbc74418

Reason for Change

This is a feature request that was implemented as shown below 6d742c2e-de9a-11e4-9e87-64bd1facd616

This enhancement would allow a user to be able to visually see the differences between fonts in the same space without having to manually try out different fonts. It provides a gif that a user can potentially save and use when exporting.

This is a suitable feature to add to the typefaceoff project. We have an option to export to pdf of fonts side by side. In addition, this feature would allow the user to have a dynamic snapshot of font comparisons, which is visually more interesting in showcasing differences in font styles to users. Positive user feedback for the feature was observed as shown in the issue.

Where are the changes needed?

App.tsx - to allow user to toggle animations. FontPreview.tsx - to implement animations

Code Snippets

No response

Anything Else?