Lmst

So I was trying to detect browser support for COLRv1 font palettes. I thought this would work:

.colrv1-supported-area {
display: none;
}

@supports (font-palette: --1) {
.colrv1-supported-area {
display: block;
}
}

But it does not. The .colrv1-supported-area block shows up even in Safari Desktop and on iOS where COLRv1 palettes are not supported.

Anyone out there have a working solution for this? Or should I just give up on detecting support? #COLRv1 #ColorFonts #webDesign

I made stickers for my typeface Velzyland and I’m so happy with how they turned out. Velzyland includes a COLRv1 color variable font so all of the color gradients, depth and highlights you see here are built in to the font itself, along with other color pallets and variable depth and highlight axes. I love making exuberant merch like this to go with an exuberant typeface like Velzyland #typefaceDesign #COLRv1 #variableFonts #typeface #design #font #graphicDesign #colorFonts #velzylandTypeface #CJType #sticker #hologram

I added some more fonts to this giant list of color fonts. https://fullystacked.net/colorfonts/ #colrv1 #fonts

Listen with audio!
Enjoy the short film on HONK - Color Variable font

Special thanks to Athul Jayaraman for the audio visual.
Font designer: Yesha Goshar & Noopur Datye
Font Engineer: Sidharth Jaishankar & Girish Dalvi
Awards: TDC70 and D&AD Wooden pencil

#COLRv1 #googlefonts #honk #ektype #variable #opensource #font #india

We have just been asked, if it is possible to make variable fonts with transparency and gradients.
Sure you can … Thanks to #COLRv1 … the question is, if you will be able to use them anywhere.
Quick proof of concept made in @fontlab 8, tested in #FontGauntlet on @Vivaldi

Cc: @typearture @underware

Hello, any plans on Thursday? I'm giving a color font talk at London Design Festival. Come along and please share with fellow creatives if you can 🙏 See you there: https://tinyurl.com/jpwrry5r

#colrv1 #fonttalk #typetalk #londondesignfestival #variablecolorfont #googlefonts #typeface

Special livestream today (LIVE NOW): new
Glyphs script demo and first reveal of a font project I have been working on! Let's try using this new script in the workflow~ http://twitch.tv/sophiatypelove
.
#typetwitter #livestream #typefacedesign #glyphsscript #python #fonts #colorfonts #colrv1

Axis-Praxis @axis_praxis on Twitter aka Laurence Penney @lorp :
"True variation rotation is finally here! Chrome 108 handles COLRv1’s full variable power for the first time in a browser, including PaintVarRotate and variable gradient transforms, implemented by @abrax5

Check out the demo page."
Demo: Dominik Röttsches @drott
@abrax5 on Twitter.

#COLRv1 #VF #variablefonts

https://roettsch.es/var_colrv1.html

Image featuring a grid of circles of 11 columns and 3 rows. The rows are repetitions. The circles have graph-like appearance, displaying divisions in red, blue, green and white colors.
Some of them just two of them, in different proportions.

Variable #COLRv1 fonts are now supported in the latest Chrome 108!
https://developer.chrome.com/blog/new-in-chrome-108/#colrv1-support

New platform, new techniques.

The TransformX conference, organised by Scale in Oct 2022, used a colour version of the Plakato font. The COLRv1 font format allows us type designers to add colours to fonts. Such new techniques will then become first possible in browsers, but other applications will soon follow. At the TransformX conference, the speakers were announced with the font Plakato Color (COLRv1 format) in a colour palette that matches the identity of the conference.

#typography #colrv1

Has anyone tried to implement visual compensation for text color before with either color fonts or a variable axis? Example from Lettering for Reproduction by David Gates, 1969 #typedesign #variablefonts #COLRv1

#colrv1

Client Info