Caveat Cyrillic

313 views
Skip to first unread message

Alexei Vanyashin

unread,
Sep 20, 2017, 2:24:23 AM9/20/17
to Google Fonts Discussions
Hi

I am happy to be working on a Cyrillic extension for Caveat in collaboration with a professional calligrapher whom I will introduce in next posts.

Caveat is a handwritten font by Pablo Impallari with contextual alternates for basic Latin glyphs. The OT code is described in this Glyphs tutorial. A similar approach will be used for the Cyrillic subset with three alternating glyph for the core range, and a single glyph for extended Cyrillic.




Auto Generated Inline Image 1

Alexei Vanyashin

unread,
Sep 20, 2017, 3:56:21 AM9/20/17
to googlefonts-discuss, Pablo Impallari
Hola Pablo! I am adding you to this thread so you can keep track of Caveat Cyrillic project. Here is my git fork
I would like to ask what instrument you were using to create original Caveat drawings, and what scale were the letters drawn in.
Did you achieve the rough edges effect on paper or digitally?

A calligrapher will be working on the Cyrillic sketches, and I am attaching a PDF template that he will be using. I anticipate your answer.



--
You received this message because you are subscribed to a topic in the Google Groups "Google Fonts Discussions" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/googlefonts-discuss/ByQjaXzrgFM/unsubscribe.
To unsubscribe from this group and all its topics, send an email to googlefonts-discuss+unsubscribe...@googlegroups.com.
To post to this group, send email to googlefonts-discuss@googlegroups.com.
Visit this group at https://groups.google.com/group/googlefonts-discuss.
To view this discussion on the web visit https://groups.google.com/d/msgid/googlefonts-discuss/c6b2cf50-0697-4866-88e2-fddb3c0103c2%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Caveat-calligraphy template.pdf

Alexei Vanyashin

unread,
Sep 20, 2017, 4:00:01 AM9/20/17
to googlefonts-discuss
Now, back to my project log.

Upon examining the sources I realize the Bold style is an emboldened version of Regular. So I will be working with the Regular weight, and use an offset filter to create the Bold style, after which some cleanup will be required.



Inline image 1

I measured the stems in H to get offset Values.

93 – 86 = 28.

28 divided by half is 14, the value for Horizontal Stem gain.

Inline image 2
Applying the filter to make Bold.


Inline image 3
Going from Bold to Regular via offset gives similar artefacts. I bet Pablo used a FontLab filter or a script, since the number of point is the same across styles in the sources.

Inline image 4



Glyphs App will show contextual alternates in the Type Preview if the respective feature [calt] is on.



Inline image 7


But if you are old-fashioned and prefer the hard way like myself you can use a bit of Regex to achieve the same result.

Inline image 5Inline image 6
Copying this list into Glyphs will yield the same results. I studied this tutorial to learn Regex, which comes very handy for such cases. 


Before expanding a font, I always start checking the marks. Caveat lacked combing marks, which I quickly created using mekkablue's 'Combing Mark Maker' script.

Inline image 8
Left: Regular. Right: Bold. The .cap marks for Bold are the ones from Regular. I think this is unintentional and should be fixed.





Alexei Vanyashin

unread,
Sep 20, 2017, 4:38:43 AM9/20/17
to googlefonts-discuss
It's time to show the overall progress.

A good starting point for Cyrillic is creating "free" glyphs from Latin Components.


Inline image 3

Г was derived from Latin F, with a little angle correction.

Inline image 4
Perhaps a little redundant.


Followed by a bit more complex glyphs using a mix-and-match approach. For /ф I used default /d and /p from Stylistic Set 2 to
avoid redundancy while maintaining coherency with the original concept.



Inline image 2
Mixing styles — better.


Using this logic here is the maximum number of glyphs I was able to create without any drawing. These glyphs can now be used for first PDF text tests and provide a baseline for adding new glyphs.



Inline image 5
Inline image 6
x — marks glyphs that need to be properly re-drawn.


I fed these glyphs into adhesiontext word generator to check the results against Latin.

Inline image 8

The two scripts look coherent to me. At the same time I see what Cyrillic glyphs pop out and should be redrawn properly. I have marked them with X's in the above images.

Now, let me introduce my collaborator Eugene Spizh who is a Cyrillic calligrapher that loves brush-script. He is based in Kiev and teaches various calligraphy styles.
I created a template for the Eugene where he can practice copying existing Latin glyph to taste the font's spirit.

 Inline image 9

After studying existing glyphs, Eugene will start on Cyrillic. Together, we will choose the default forms and alternates.

Inline image 10


For key glyphs I created a special template where the letter in question is missed.

Inline image 11



The templates and PDF test sheets can be found the sources folder in the git repo:


In my next post I will show Eugene's first sketches, and how they align with the font in overall.

template.pdf

Dave Crossland

unread,
Sep 20, 2017, 8:14:11 AM9/20/17
to googlefonts-discuss
This thread is fantastic! Thank you Alexei

Alexei Vanyashin

unread,
Sep 27, 2017, 4:50:38 AM9/27/17
to googlefon...@googlegroups.com
Eugene sent me his first digitized sketches:

Screen Shot 2017-09-27 at 12.38.46 PM.png

Screen Shot 2017-09-27 at 12.27.10 PM.png

Screen Shot 2017-09-27 at 12.27.16 PM.png

In this image I added a bent line imitating the left stem of H to check the letter's alignment and picked a single letter of each to add to the set. My first impression was that the slant angle is too strong, and the letter-skelet needs to be more strict. 

I liked how the contour is edgy and how it matches the Pablo's marker style. 


Sample /П from original sketch

Screen Shot 2017-09-27 at 9.16.06 AM.png
But I though the form is too sloppy and should be aligned with neighbouring letters using guides. 

Top /П is from the original sketch, and bottom is my first correction.

Screen Shot 2017-09-27 at 9.29.02 AM.png

More letter from original sketch. Perhaps to much jumping. 
Screen Shot 2017-09-27 at 9.14.19 AM.png

This image shows how I alligned the original imported glyphs with stems of H. Bottom is corrected version. 
Screen Shot 2017-09-27 at 9.40.41 AM.png
After adding a single letter of each, and some clean-up I fired up Font Testing Page to compare the new Cyrillic glyphs in regard to Latin. I realized Cyrillic is trying to be too nice, and quiet. While Latin is screaming and partying hard.

Screen Shot 2017-09-27 at 12.39.27 PM.png

This is mainly due to the differences in horizontal stem heights. Latin glyphs are jumping all around the baseline, while Cyrillic are firmly tied to it. 

To remedy this I made more alterations to stem heights, and added various baseline h-offsets. This is a step back towards the Eugene's sketches. 
27-09-animation.gif
This seems a closer match too me. 
More glyphs ahead.

On Wed, Sep 20, 2017 at 4:14 PM Dave Crossland <da...@lab6.com> wrote:
This thread is fantastic! Thank you Alexei

--
You received this message because you are subscribed to a topic in the Google Groups "Google Fonts Discussions" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/googlefonts-discuss/ByQjaXzrgFM/unsubscribe.
To unsubscribe from this group and all its topics, send an email to googlefonts-dis...@googlegroups.com.
To post to this group, send email to googlefon...@googlegroups.com.

Dave Crossland

unread,
Sep 27, 2017, 2:29:49 PM9/27/17
to googlefonts-discuss
Love it - your corrections look good tome

Alexei Vanyashin

unread,
Oct 2, 2017, 2:42:08 AM10/2/17
to googlefon...@googlegroups.com

Adding more calligraphic glyphs from sketches. I starred default characters. 

Screen Shot 2017-10-01 at 5.59.28 PM.png

/Д from original sketch
Screen Shot 2017-10-02 at 10.21.36 AM.png

Corrected /Д. 
Screen Shot 2017-10-02 at 10.21.43 AM.png

I like that the original marker sketches have a strong vibrant character. It is easier to neutralize a glyph rather than squeezing out its expressivity.

Some other glyphs require a contrast correction

Ц. before:

Screen Shot 2017-10-02 at 10.24.26 AM.png
Ц. after:
Screen Shot 2017-10-02 at 10.24.17 AM.png


Now it's time to test the new glyphs in words.

Screen Shot 2017-10-02 at 10.26.08 AM.png
Lowercase. Starred glyphs were used for the default shape:
Screen Shot 2017-10-02 at 10.29.40 AM.png


The new lowercase glyphs require a bit more corrections.

Screen Shot 2017-10-02 at 10.27.45 AM.png

By looking at the Title Case test I have concerns on glyphs /щ and  /т

Screen Shot 2017-10-02 at 10.31.16 AM.png
Screen Shot 2017-10-02 at 10.31.52 AM.png

Instead of too fancy cursive glyphs I think we should try the typographic blocky forms. A simpler shape will be create less dissonance with the original Latin font.Screen Shot 2017-10-02 at 10.34.42 AM.png
Schematically drawn /щ and /т if you excuse my poor pencil drawing skills in Sketch App.





On Wed, Sep 27, 2017 at 10:29 PM Dave Crossland <da...@lab6.com> wrote:
Love it - your corrections look good tome

--
You received this message because you are subscribed to a topic in the Google Groups "Google Fonts Discussions" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/googlefonts-discuss/ByQjaXzrgFM/unsubscribe.
To unsubscribe from this group and all its topics, send an email to googlefonts-dis...@googlegroups.com.
To post to this group, send email to googlefon...@googlegroups.com.
Visit this group at https://groups.google.com/group/googlefonts-discuss.

Alexei Vanyashin

unread,
Oct 7, 2017, 7:56:13 AM10/7/17
to googlefon...@googlegroups.com
Here are more sketches of UC glyphs:




UC-1.png

UC-2.png
and here are the remaining core lowercase glyphs:

Screen Shot 2017-10-07 at 3.31.01 PM.png

Screen Shot 2017-10-07 at 3.31.06 PM.png
Screen Shot 2017-10-07 at 3.31.16 PM.png


Screen Shot 2017-10-07 at 3.31.21 PM.png

After adding new glyphs and updating a few existing I have highlighted the ones I am not happy about. 

Screen Shot 2017-10-06 at 6.07.58 PM.png

Another concern is the /б. I made an illustration for the calligrapher to show what I need. It is falling to the left, and I would like to see two forms. I used o.ss01 as a base for /б in my sketch.

Screen Shot 2017-10-06 at 6.27.15 PM.png

Another issue is with /Л. It mimics the curves of /E.
Screen Shot 2017-10-06 at 6.16.51 PM.png


But I would like to see it match against /П:



Screen Shot 2017-10-06 at 6.13.10 PM.png



Here is a gif showing three iterations of my adaptation and adjustment work:



animation.gif

Alexei Vanyashin

unread,
Oct 7, 2017, 8:04:42 AM10/7/17
to googlefon...@googlegroups.com
At this stage the core glyph set is complete, and there are four new sketches of letters pending to be replaced.

I think it is time for more fine-tuning, such as working on a color. I have reduced the amount of black in several glyphs:

lc-cyr.png
it should be tested against Latin lowercase

lc-lat.png

UC Cyrillic:

uc-cyr.png
UC Latin:

uc-lat.png

One more test I will show you today — a wordlist of lowercase, uppercase, and title case:

lc.png

uc.png
tc.png


Dave Crossland

unread,
Oct 7, 2017, 8:24:53 PM10/7/17
to googlefonts-discuss
Fabulous!!

Alexei Vanyashin

unread,
Oct 12, 2017, 11:31:31 AM10/12/17
to googlefon...@googlegroups.com
Thank you, Dave!

As were are getting ready for the first Core Cyrillic release Eugene shared photos of his creative process behind all the sketches. It's a giant pile of work:

IMG_1844.JPG




IMG_1842.JPG


IMG_1846.JPG


On Sun, Oct 8, 2017 at 3:24 AM Dave Crossland <da...@lab6.com> wrote:
Fabulous!!

--
You received this message because you are subscribed to a topic in the Google Groups "Google Fonts Discussions" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/googlefonts-discuss/ByQjaXzrgFM/unsubscribe.
To unsubscribe from this group and all its topics, send an email to googlefonts-dis...@googlegroups.com.
To post to this group, send email to googlefon...@googlegroups.com.
Visit this group at https://groups.google.com/group/googlefonts-discuss.
IMG_1842.JPG
IMG_1844.JPG

Alexei Vanyashin

unread,
Oct 16, 2017, 11:59:49 AM10/16/17
to googlefon...@googlegroups.com
I have updated a few glyphs that were in dubious with these new ones:



Screen Shot 2017-10-14 at 3.21.42 PM.png
Then I worked on the Bold version. New glyphs were created using an offset filter, and each manually cleaned up and adjusted.
First outcome:


before.png
After adjusting the darkness to match the Latin:
after.png
Metrics were adjusted and a few kerning pairs added in Both styles. There are no kerning groups at this stage, and I doubt their value. (Except for accented characters)

Screen Shot 2017-10-16 at 2.29.53 PM.png

kerning Regular:

Screen Shot 2017-10-16 at 2.30.04 PM.png

For checkin metrics and kerning I also used this grid test:

 Screen Shot 2017-10-16 at 2.42.03 PM.png


 

Alexei Vanyashin

unread,
Oct 16, 2017, 12:14:00 PM10/16/17
to googlefon...@googlegroups.com, Marc Foley
Hi Marc

This PR is ready to be merged.

Caveat v.1.300 adds support for GF Cyrillic Core:
— 129 new Cyrillic glyphs (117 new encoded glyphs)
— fixes #4

It passes GF QA test, and fontbakery. WinAscent and WinDescent have been changes as per GF QA recommendations:

screen shot 2017-10-16 at 7 44 14 pm

Regression Test shows no vertical metrics changes:
screen shot 2017-10-16 at 7 43 41 pm

This is the first release for Caveat Cyrillic. Next update will add support for GF Cyrillic Pro, and alternate Cyrillic glyphs.


Alexei Vanyashin

unread,
Nov 7, 2017, 1:35:32 PM11/7/17
to googlefon...@googlegroups.com
Caveat Cyrillic has been pushed live:


1.png
But we are still continuing to work on Cyrillic Pro expansion. I suggested some historical samples of cursive forms:


Screen Shot 2017-11-07 at 10.16.17 PM.png




Which Eugene incorporated in his new round of sketches:

2.png



5.png

Initially I suggested a straight-top Ѵ U+0474, but later I realized this was a mistake and asked Eugene to make a soft curve as in Amatic.
Screen Shot 2017-11-07 at 10.17.22 PM.png

Here is the updated Ѵ:
4.png

It is now a better fit. 

I feel that choosing handwritten forms was a correct decision. They were not easy to find for some of the extended set. A drawn ӄ is better than one made from components, and adds more variety. Which is inline with the rotating alternates in the Basic Sets. 

Current state of affairs:

Screen Shot 2017-11-07 at 10.24.58 PM.png

Alexei

unread,
Dec 15, 2017, 10:15:37 AM12/15/17
to googlefon...@googlegroups.com
Caveat (v1.500) now fully supports Cyrillic Pro, has Cyrillic kerning and the rotating calt feature.
The update is waiting to be rolled out.

Screen Shot 2017-12-15 at 7.03.42 PM.png

Dave Crossland

unread,
Dec 15, 2017, 10:19:32 AM12/15/17
to googlefonts-discuss
Thank you Alexei!
Reply all
Reply to author
Forward
0 new messages