DEV Community

Cover image for Reverse Engineering the Blending Mode of Gilbert Color

Reverse Engineering the Blending Mode of Gilbert Color

Wei Gao on April 06, 2019

I’ve been preparing for my Talk.CSS talk about mix-blend-mode this week. Meanwhile, if you happen to have come across this cute little community ca...
Collapse
 
fpuffer profile image
Frank Puffer

Looks like a great font for presentations too. I would really like to try it, especially the animated version. Unfortunately I have to use PowerPoint which as far as I know doesn't support anything like this. Or am I wrong?

Collapse
 
wgao19 profile image
Wei Gao

Yes it's such a nice display font right! I don't have PowerPoint installed on my machine, but I believe if you install the font you can use it like other fonts? The font can be found here.

Collapse
 
fpuffer profile image
Frank Puffer

Thanks, have just tried it. Unfortunately it only displays the monochrome version. Same with Libre Office and Gimp. It does look awesome in the browser however.

Maybe you can answer a completely different question: The font has a fixed mapping between strokes and colors, the "o" for example is always yellow. In some of the pictures from your post, this seems to be different. The same character appears in different colors. Why is that?

Thread Thread
 
wgao19 profile image
Wei Gao

I think that's how they designed color font to be. You may check out Color Font to learn more about it :]

Thread Thread
 
fpuffer profile image
Frank Puffer

Sorry if I am asking stupid questions. I understand that in a color font, each character has fixed colors. But in one of your sample pictures displaying the text "the quick brown fox...", the same letters appear with different colorings. This is what I don't understand.

Thread Thread
 
wgao19 profile image
Wei Gao

Oops sorry. Let me try to understand your question more precisely -- are you referring to the 'o' stroke, for example, it appears in 'b', 'd', and 'q', as well as 'o' itself?