Email or username:

Password:

Forgot your password?
Top-level
Rasmus Andersson

For example, imagine a company logotype being scaled to some arbitrary size. It needs to still look like the logotype but key elements like fine stroke need to be sharp.

Fonts is another example of this problem, where there are several solutions. The most significant "solution" to make sure text is legible is to align the baseline (the relative zero point) to pixels. This works for text but does not work so well for arbitrary graphics.

6 comments
Triple

@rsms One can put some graphic elements in a fonts (icons, emoji), and hint them.

Rasmus Andersson

@triple It's a potential solution. Ideally we can use the same render pipeline for both text and icons. Since icons can have arbitrary colors, gradients, stroke etc. we'd need to support color. Maybe via COLR learn.microsoft.com/en-us/typo

Triple

@rsms That’s also what I was thinking about. I just have no idea of how COLR and hinting cohabit.

Sebastian Zelonka

@rsms SVG is not an option? AFAIK the resolution and resize is not a problem.

kepstin

@rsms yeah, font rendering is basically the only place this exists. Font hinting can be applied to nearly arbitrary graphics, but it does work best on "text-like" stuff. TTF hinting would be able to express the constraints on your example logo shape pretty well - it can do things like ensure that the whitespace gaps are an integer number of pixels, and that both gaps are the same width, align the tops and bottom of lines to pixels while constraining the width of line, etc.

kepstin

@rsms note that regarding color support - as far as I know, none of the coloured font formats support hinting.

Go Up