My new computer font - almost finished

bobistheowl

New member
Jul 12, 2003
4,398
4
0
Toronto
I make computer fonts as a hobby, and I've been working on the current one, Cabbagetown, for over a year. It's a decorative display caps serifed font, intended for store signs, titling, and academic and athletic clothing. I still have a few character glyphs to complete in the symbols, number and punctuation. Here's a text sample of the completed glyphs, so far:

127w5_charmap_16_pt.png


This is a new design, based on an alphabet originally copyrighted in 1874. The width of each glyph was reduced by 20% to begin with, and I made numerous design changes, from there.

This font is both very simple in its design, and very precise in its execution. Each glyph uses the minimum number of nodes* to hold the contours in place, (*nodes are points that connect two lines in a vector image).

I'm using a new procedure to do precision editing. The procedure involves using large scaled bitmap images as a guide to editing the vector image. At maximum enlargement of the vector, a glyph is about 14 feet tall, and I can make adjustments to node and vector control handles** in increments of about one millimeter, at that size,(** vector control handles determine the amount of curvature to a line that isn't straight horizontally nor vertically).

Here are some of the completed glyphs:

127w5.png


It took me much of January to complete this number sign.

127w5.png


The @ symbol is a little weird, but it would be hard for me to make it different, without greatly increasing the width. I'll be able to make the circular section in the middle of the 'a' a little bit rounder.

5_127w5.png


Asterisk_127w5.png


This asterisk was the first glyph that I designed, 'from scratch'.

Large_S.png


It's quite a challenge to create the curve on top at large sizes; almost any other font would have a flat spot on top.

X_127w5.png


The outside line of the 'shadow'*** on the X is off by one editing unit; the node near the top of the straight section of that line needed to be moved one unit, to the right. That's why it narrows slightly, just above half distance, (since fixed). (*** the smaller contours aren't meant to be shadows. They're supposed to be the visible edges of raised, three dimensional letters, as seen from a point of view below the letter in two dimensions, and above and right of center in three dimension, but in a stylized, rather than a realistic depiction).

A lot of my design involves the vertical, horizontal, and diagonal alignment of nodes and control handles. The screen capture below shows the vertical and horizontal alignments in purple - nodes are light blue, red, or green, depending on how they behave, when moved. Control handles are yellow. Also shown is an unusual diagonal alignment of six nodes. This alignment is exact in the vector, but appears slightly off in this small scale screen capture, if you enlarge it. The line slope is 3/-2, so the horizontal distance between each point in the alignment must be some multiple of three editing units, and the vertical distances are 2/3 of the horizontal distances, moved to the left.

2_127r1_scap_alignments.png


I do my precision editing at about 40 times larger than this vector screen cap. This degree of precision does make a difference, particularly at the smaller point sizes.

~bito
 
Don't know about ur font fetish but Cabbage town is pretty cool IMO. Used to take many of my girls to Margaritas at Parliment and Carlton. BTW that hooker Harvey's was something else. Ohh the memories...I also think Cabbage town has some unique personality and love their street festival. Maybe this is where your inspiration comes from???

BTW, how much can you make from making and selling your font?

Also, where is the 1, 0 and the 9...maybe some sort of code you sending? :p
 
Don't know about ur font fetish but Cabbage town is pretty cool IMO. Used to take many of my girls to Margaritas at Parliment and Carlton. BTW that hooker Harvey's was something else. Ohh the memories...I also think Cabbage town has some unique personality and love their street festival. Maybe this is where your inspiration comes from???

BTW, how much can you make from making and selling your font?

Also, where is the 1, 0 and the 9...maybe some sort of code you sending? :p

Thanks, re: your questions:

Don't know about ur font fetish...

Making fonts is an activity that doesn't cost anything to do. I can spend as much time, or as little time doing it as I want. I can do it at any time of the day or night, and it's an opportunity to create something that people will still be using after I'm dead.

Maybe this is where your inspiration comes from???

The original design is from Victorian era England, (1874). I've been living in Cabbagetown since March of last year, and I started using my precision editing method after the move. Cabbagetown also has the largest collection of Victorian era homes in North America, per Wikipedia. Nobody else had previously used Cabbagetown as the name for a font, as well; it's really frowned upon, if your font's name has already been used for someone else', even if they don't look anything alike. No one could have both fonts installed, at the same time, even if the file names were different.

Here are before and after images of the original design, and my modernization:

big_vintage_letters_t.png


T_144pt.png


That should give you an idea of how much of the design is 'mine'.

BTW, how much can you make from making and selling your font?

I'm not sure, exactly. It would depend on who wanted to use it, commercially. If someone wanted to use it for titles on a hardcover best seller, or in a magazine or movie, or uniforms for a sports team, I might make some decent coin to blow on hobbying.

One of my recent fonts, BeautyMarks:

beautymarks.png


is quite popular, (160,000 + downloads), but it's free for all use. This new one is at a much higher level, in technique.

Also, where is the 1, 0 and the 9...maybe some sort of code you sending?

I haven't edited the 0, 1 and 9 yet. I also haven't done the shadows for left and right parentheses yet. Note the title of this thread - "...almost finished". I left some of the easier glyphs for the end, when I'm a bit impatient to wrap things up.

Thanks!
 
Wow, good job. Making a font well takes a lot of time.

No lower case?
 
Thanks, all for your kind words.

Wow, good job. Making a font well takes a lot of time.

No lower case?

This is a 'Display Caps' font, whobee. I modified the design for the capitals and numbers, and I designed the symbols and punctuation. I don't have the skill to create a matching lower case style. The same glyphs will be used for both upper and lower case, so people will be able to type normally, (or change the font for text already typed), without having to use only lower case, or all caps.

Very cool, bobistheowl. Can you tell me what site your fonts are available at? I would like to see more.

Bob Loblaw, my homepage is http://luc.devroye.org/bobistheowl.html

All of my fonts except MockingjayXL are available there. Some of my older fonts from 2007-08 are very complex, and they can freeze some Windows operating systems, if opened in preview, but they all work fine, when installed. The problem related to the character display at different sizes seen in preview; that uses huge amounts of memory.

MockingjayXL is available here: http://fontspace.com/metaphase-brothel-graphix/mockingjayxl It has one extra large glyph of the bird symbol from The Hunger Games.

Most of my downloads come from DaFont: http://www.dafont.com/bobistheowl.d1682 Some of the versions of fonts at Dafont are different from the ones on my home page - the character set was moved from lower case to capitals, to fix the problem with the preview, and KleinKarpets was split into two fonts. None of the versions available at Dafont will cause any problems when opened in preview.

A couple of our ladies from TERB, one recently retired, appear as silhouettes in BeautyMarks, with their permission. I won't mention which are whom.

In some of the glyphs from BeautyMarks, the point of view is intentionally ambiguous:

BMsamp.png


In the first picture, we could be looking at the woman from the front or back. This image sort of reminds me of the Mason's 'compass and ruler' symbol.

In the second image, it's not clear if the viewer is in the room with the girl, seeing her silhouette in front of the window, or if we are a voyeur, peeking at her through the intentionally open venetian blinds.

In pic #3, she may be squatting, facing us, or we may be looking at her back, and she's opening her pussy so wide that she has to turn her feet sideways, and pull her knees back, as well.

All of my previous fonts are free for all use. This new one will be 'Free for Personal Use', so anyone will be able to download it for free, and use it for non commercial purposes, but someone who wants to use it for lettering on a beer bottle or a CD would be obliged to pay me a licensing fee. If someone wants to use it for flyers for an Indy band or for high school basketball uniform lettering, there probably won't be any fee involved. This is a 'specialty' alphabet that would not normally be used for a lot of different graphic design, but I want it to be the best choice available for certain specific uses. If someone wants to use it for titles in an IMAX movie, they will certainly appreciate the fact that it has been mastered at an enormous size.

Here's the X from post #1, with all of the line slopes verified:

X_Cap_122o7.png


Full size bitmap of the X:

http://s26.postimg.org/xrx3f8njt/X_Cap_122o7.png

This image is best appreciated at four times enlargement, or bigger. All of the long diagonal lines have slopes of 1:1 or 3/2, and they all continue at those same slopes, through the solid contours. There's no way to measure that exactly 'by eye', but I can do that, using the enormous bitmap as a tool to modify the vector. My process is very slow, but I'm hoping someone will be able to automate my procedure, so the same results could be achieved with a lot less work. I've been doing the 'bitmap editing' since the beginning of June, 2013. I complete a glyph much faster now, than I did then. The straight diagonal lines actually take a lot more time to properly resolve than do curved lines. Curves are done mainly by stretching the control handles between the points. Using the minimum number of points on the curve creates the impression that the curve was drawn quickly, with a brush, by a steady hand, even though the truth is exactly the opposite.

+1 it is very impressive. Not many get a chance to turn their hobbies into their careers and am impressed seeing his passion for his art.

Actually, pablice, I can't draw anything with pencil and paper, and I use my right hand to draw on a computer, even though I write with my left. Typography is a way that art can be created, without having to be able to draw. I take existing images, and improve them. My older method was to resize photos/ artwork, and manually draw on top of them into a two colour image, composed for monochrome, so the source images were very detailed miniatures.

The new technique is to simplify the vector version of the source image to the the minimum number of connection points, then refine, refine, refine, until I can't make any more improvements. Fonts are different from other digital artwork, because they are designed to be seen at a variety of different sizes. When poorly rendered, they have a small viable range, perhaps 36 -72 points, (about one-half, to one inch tall). At smaller sizes, they appear 'muddy'. At larger sizes, their mistakes are magnified. I'm doing my editing at enormous sizes, so they'll look great at huge sizes, and more smaller sizes can be used before the text is too small to read. If I have a parallel white gap and shadow next to a letter, for example, the black needs to be slightly wider than the white, (approximately 5-6%), other wise the white will dominate at smaller sizes. In the text sample from post #1, the white gap below letters, and the black shadow below it, is about 10% thicker than elsewhere, also by design, and to compensate for how the images will change, when the size is reduced.

What I'm doing has more in common with architectural design/ engineering than it does with graphic design, in that I use mathematics to determine the positions of my points, rather than an artist's hand and eye. I see that as a positive, because it means that other people who can't draw on paper could create equivalent results, if they have enough time and patience, and they understand high school level math. All of my node points fall on X and Y horizontal and vertical intersection points. If I know the exact position where I want one of the points to be, I can calculate the series of intersection points where a line with a specific slope would fall on an intersection point of a different horizontal plane. With an 8/3 slope, for example, the vertical distance between two horizontal planes must be a multiple of eight editing units, and the horizontal distance would be 3/8 of the vertical, left or right. I can display the X and Y coordinate positions of any intersection, so that makes it easier now, (I had almost completed all of the letters before I noticed how to display X/Y coordinates - I would have known that sooner, if I had bothered to read the manual!

The vector image of the M looks very simple:

M_final_sshot.png


But it took several weeks to get it right, (it was the first letter that I 'micro edited'). The node positions have to be perfectly placed to get all of the lines to interact properly:

M_Cap_final.png


Full sized bitmap of the M:

http://s26.postimg.org/p5p8gwm61/M_Cap_final.png

The bitmaps of the X and M in this post have been reduced to 81% of their actual sizes, because of their widths).

The small purple arrow indicates an error I can't correct; the horizontal distances between the top and bottom nodes on the left and right sides of the 'central V' section are the same, but the line slopes are not, (3:1 on the left; 8/3 on the right), and the distance does not divide equally by the lowest common denominator of 24, so the line on the right side is 1/1329 longer than it should be, for the slope to be exactly correct. The interrelation of other nodes on different horizontal alignment planes makes it impossible to resolve all line slopes simultaneously, but I can live with a margin of error of one millimeter out of 14 feet.
 
Just commenting here so I have this thread in my history. This is awesome, I've used the product of font creators like yourself and never completely appreciated the complexity and skill required. Awesome job! And thanks!
 
Here's a download for the most recent version, in the regular and 'Stone' styles - the Stone version is 'shadows only', to be used as a separate typeface, or, if combined with the 'SmCaps' version, to create different colours or effects for the letters and for the shadows, (SmCaps and Stone, typed on top of each other, recreate the Regular style).

http://fileze.net/2W1

This link will expire in about three weeks, and the font version will be outdated later today.

These fonts are in the over sized version I use, while editing. In my opinion, these big ones will be the right choice to use, most of the time. They have a caps height of 1710 units, approximately 2.4 times larger than a standard sized font.

When complete, I'll be making versions with a 'standard' caps height - I'll be using 712 units; somewhere between 685 - 716 units is the caps height range for almost any standard sized font . The caps height refers to the distance from the baseline to the top of the glyph, when both the top and bottom of the glyph are flat, (ie: A, B, D, E, F, H, I, K, L, M, N, P, T, V, W, X, Y and Z). Glyphs with rounded tops and/ or rounded bottoms have a slightly taller caps height, (1736 units), and the section below the baseline is also larger, but uniform. If all of the glyphs has an equal height, the round topped ones would appear to be smaller, when used in text. I can change the caps height for the entire font in about two minutes by altering the UP size and the vertical metrics. There's really no need to do that, until the font is complete.

This version still has a few glyphs incompletely edited: For parentheses, the glyph is complete for left and right, and I have preliminary shadows for the left. The zero, percent, and most glyphs that involve the period and comma, like colon/ semi colon/ quotes, etc., still require a bit of work. No doubt I will also make some cosmetic changes to some of the completed glyphs before the final release, but probably only changes where I would notice the difference.

The completed font should be released some time in May.

~bito
 
The font looks great, well done! :thumb:

My minor quibble is with the "M", I don't think the shadow line should be a solid block in the one section.

M_Cap_final.png
 
Thanks, re: your questions:

Don't know about ur font fetish...

Making fonts is an activity that doesn't cost anything to do. I can spend as much time, or as little time doing it as I want. I can do it at any time of the day or night, and it's an opportunity to create something that people will still be using after I'm dead.

Maybe this is where your inspiration comes from???

The original design is from Victorian era England, (1874). I've been living in Cabbagetown since March of last year, and I started using my precision editing method after the move. Cabbagetown also has the largest collection of Victorian era homes in North America, per Wikipedia. Nobody else had previously used Cabbagetown as the name for a font, as well; it's really frowned upon, if your font's name has already been used for someone else', even if they don't look anything alike. No one could have both fonts installed, at the same time, even if the file names were different.

Here are before and after images of the original design, and my modernization:

big_vintage_letters_t.png


T_144pt.png


That should give you an idea of how much of the design is 'mine'.

BTW, how much can you make from making and selling your font?

I'm not sure, exactly. It would depend on who wanted to use it, commercially. If someone wanted to use it for titles on a hardcover best seller, or in a magazine or movie, or uniforms for a sports team, I might make some decent coin to blow on hobbying.

One of my recent fonts, BeautyMarks:

beautymarks.png


is quite popular, (160,000 + downloads), but it's free for all use. This new one is at a much higher level, in technique.

Also, where is the 1, 0 and the 9...maybe some sort of code you sending?

I haven't edited the 0, 1 and 9 yet. I also haven't done the shadows for left and right parentheses yet. Note the title of this thread - "...almost finished". I left some of the easier glyphs for the end, when I'm a bit impatient to wrap things up.

Thanks!

I love the beaut ymark fonts super sexy

xo amber
 
Thanks for the comments, Viggo Rasmussen. I've given a lot of thought to that particular shadow on the M.

This is what the original design of the M looks like:

big_vintage_letters_m50.png


I made of font of this alphabet, fairly faithful to the original design, orther than that I made the serifs pointed on the ends. Almost immediately after finishing it, I didn't like it. The letters were much too wide. With MS Paint, I contracted the width by 20%, without changing the height:

big_vintage_letters_m50.png


I used monochrome versions of these graphics for the first font, manually tracing over the downloaded .jpegs. For this font I started with the source graphics for the previous font, reduced the width, then I did all of the vector editing with my font making software.

As for that shadow: Imagine that the letter M is elevated say, six inches tall. The viewer is below the letter in two dimensions, and above and to the right of center in three dimensions. The central 'V' section of the M slopes down in the middle. so the flat bottom of the 'V' section is only 2 inches high. The large 'island' shadow at center/ right is the continuation of the shadow at center/ right below the middle V. The inside right serif breaks that shadow into two parts, because it is above it - that serif is six inches high, like all of the letter, except the central V, so it obscures part of the rising edge. The particular vantage point of the observer makes that particular edge more prominent than in any of the other letters; we just happen to be looking at that edge at an angle where we can more accurately gauge its 'true' height.

If the letter is six inches tall, shouldn't all the shadows be wider? No, we're looking down on the letter from above, so the 'shadows', (ie: the visible side edges), are seen from an oblique angle, so they appear shorter than they really are. The white between the letter and shadow is actually part of the letter, like a silver border outline. The fact that the widths of the white border and the black edge are about the same, (black marginally wider, always), is for esthetic balance, but is otherwise a coincidence; the heights of the edges are much greater than the width of the white border. The width of the white border is fairly uniform throughout, but the width of the black edges vary, depending on the angle from the viewer's vantage point. At least, that's what I'm trying to do, but in a stylized way. The glyphs aren't 100% realistic, but most art that is 100% realistic isn't necessarily more interesting than one a little bit skewed. The important thing is that the glyphs are consistent with each other, each part of a cohesive set.
 
I love the beaut ymark fonts super sexy

xo amber

Thanks, Amber.

Most of the BeautyMarks were made by drawing on top of colour photographs, into two colour images, composed for monochrome:

pinup_girl_costume280_before_afterr.png


On this picture, I decided to just use the model's bum:

comp4.png


but even with minimal detail, we know she has a high, tight butt, because of the thigh gap:

BMO.png


It's no coincidence that I used these two images for A, (lower case), and O.

It's an interesting challenge, to make, essentially, an ink blot, appear to be sexually provocative; erotic, but not smutty. The BeautyMarks font has been especially popular among women. The 3D crossed legs in fishnet stockings took a long time to do, and is my personal favorite from the collection.
 
That explanation makes sense, Bob.
Another thing, I might have made the straight edge at the top and bottom of the letters into a slight curve to give it a softer look but it might emphasis the pointiness of the serifs too much.
 
Just curious if you have ever seen your font used somewhere (ie a flyer or sign or whatever)? That must be a rush to see your creation being used. I am completely jealous of your talent for this.

Bob Loblaw, here are three beer labels from micro breweries in the UK that used Outstanding:

Wintertime_Dark.png


Christmas_Present.png


Snowmans_Folly_02.png


Here's a logo, using the lower case j from BeautyMarks:

Liam_Schachar_logo2.png


Liam is a prominent nightclub DJ in Tel Aviv, Israel.

Here's a business card:

yogo11_TATTOO_1.jpg


Renée photgraphs tattooed models in Australia.

Film director Tyler Perry used an image of Angela Davis from ObeyRevolution for a background poster in set dressing for his film For Colored Girls:

Angela_Davis_poster03a.png