Feature idea: Typographic reset button / preset CSS

[gorjious]

I use Type-X constantly, checking fonts on different websites. One thing that I try to be conscious of is adding some css resets that affect how the font is being tested.

The main ones are usually: letter-spacing: normal; -webkit-font-smoothing:auto;

Somethings websites sneak in some letterspacing or add antialiasing which changes the spacing and weight drastically. It's easy enough to add these lines manually but maybe there could be a button that is a 'typographic reset'.

[arrowtype]

Nice idea – thanks for posting this, @gorjious! I also end up setting letter-spacing: normal; all the time, especially when testing an Optical Size axis.

I also end up setting font-features: normal, sometimes.

This would be pretty simple to add to some preset CSS, in the existing CSS field. We could either do that by default or have a little "add typographic reset" button.

My guess is, the first approach is simplest and most helpful. The only drawback would be that it would take up some space in that little area. Maybe the CSS area should just be slightly taller, to accommodate for that?

[gorjious]

Preloading the CSS field with some of the normalizing spacing/features/smoothing seems like a good way to go. Plus, this has the added benefit of providing an example of how CSS can be added.

[arrowtype]

Good points! Well, if we go that route, I think this will probably be a very quick issue to solve for. Thanks again for suggesting it!