{"id":552,"date":"2026-07-24T08:39:41","date_gmt":"2026-07-24T07:39:41","guid":{"rendered":"https:\/\/www.kecskebak.hu\/?p=552"},"modified":"2026-08-02T18:47:03","modified_gmt":"2026-08-02T17:47:03","slug":"prospero-of-the-great-globe-itself","status":"publish","type":"post","link":"https:\/\/www.kecskebak.hu\/?p=552","title":{"rendered":"Prospero of the great globe itself"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><em>A diary of my return to the world of typography, for the first time in many, many years.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Just before the first edition of <em>Wogan<\/em>, on 7pm the 18th February 1985, BBC1 introduced it\u2019s first computer generated symbol. It was called the <a href=\"https:\/\/www.ravensbourne.ac.uk\/bbc-motion-graphics-archive\/1985-bbc1-globe-computer-originated-world\">Computer Originated World<\/a> or COW. Of course BBC2 had already had a computer generated symbol for quite some time, and I\u2019ve briefly dicussed that in <a href=\"https:\/\/www.kecskebak.hu\/?p=64\" data-type=\"link\" data-id=\"https:\/\/www.kecskebak.hu\/?p=64\">another blog post<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/cow-hd-blender-1024x576.png\" alt=\"BBC1 COW globe from 1985, recreated in Blender by Dave Jeffery in 2017\" class=\"wp-image-566\" srcset=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/cow-hd-blender-1024x576.png 1024w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/cow-hd-blender-300x169.png 300w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/cow-hd-blender-768x432.png 768w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/cow-hd-blender-1536x864.png 1536w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/cow-hd-blender.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>My HD Recreation of the BBC1 COW globe symbol<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The <a href=\"https:\/\/625.uk.com\/tv_logos\/bbc1_85.htm\" data-type=\"link\" data-id=\"https:\/\/625.uk.com\/tv_logos\/bbc1_85.htm\">COW<\/a> (or \u201cGE6MS\/565\/10 BBC1 Symbol Generator\u201d) was designed by <a href=\"https:\/\/www.ravensbourne.ac.uk\/bbc-motion-graphics-archive\/oliver-elmes\">Oliver Elmes<\/a> and realized by Brian Mason of the BBC Engineering Designs Department and Robin Vinson and Ewen Maclaine of the BBC Computer Graphics Workshop.  The globe took 12 seconds to revolve, was fully anti-aliased (the BBC got advice on this from <a href=\"https:\/\/en.wikipedia.org\/wiki\/John_Warnock\">John Warnock<\/a> at Adobe) and was derived from map data supplied as a database from Glasgow University.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can see the glorious COW <a href=\"https:\/\/collection.sciencemuseumgroup.org.uk\/objects\/co8356069\/cow-computer-originated-world-ident-generator\">hardware<\/a> in action in this <a href=\"https:\/\/vimeo.com\/1056578810\" data-type=\"link\" data-id=\"https:\/\/vimeo.com\/1056578810\">wonderful video<\/a> by Matt Rosser of BBC Cymru Wales.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As well as the COW, the refresh of BBC1 presentation also necessitated a <a href=\"https:\/\/www.ravensbourne.ac.uk\/bbc-motion-graphics-archive\/1985-bbc1-clock-computer-originated-world\" data-type=\"link\" data-id=\"https:\/\/www.ravensbourne.ac.uk\/bbc-motion-graphics-archive\/1985-bbc1-clock-computer-originated-world\">refresh of the station clock<\/a>, which was redesigned by Oliver Elmes and realized by <a href=\"https:\/\/www.bbceng.info\/Designs\/designs_reminiscences\/Richard_Russell\/rtrdd.html\">Richard T Russell<\/a>. The clock was two pieces of electronics, the GE6\/545 to generate the clock face and caption and the GE1M\/597 for the hands, but the presentation department of the BBC called the end result the \u201cGEM\u201d clock. I have covered this clock in a <a href=\"https:\/\/www.kecskebak.hu\/?p=117\" data-type=\"link\" data-id=\"https:\/\/www.kecskebak.hu\/?p=117\">previous post<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Perhaps the most striking part of both the symbol and clock was the typeface. This typeface harked back to the ones used on BBC Tuning Signals in the 1950s.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"450\" src=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/bbc-tuning-signal.jpg\" alt=\"A 1950s monochrome tuning signal for the BBC Television Service. At the top, the word &quot;TELEVISION&quot; is displayed in thin, elegant serif capitals overlaid across large grey letters reading &quot;BBC&quot;. The bottom reads &quot;SERVICE&quot; in matching serif text. In the center, a thick black ring containing a small disc of frequency gratings flanked by four stacked, wavy horizontal lines on each side in white, light grey, dark grey and black. The entire image is framed by a black and white, castellated border.\" class=\"wp-image-560\" srcset=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/bbc-tuning-signal.jpg 600w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/bbc-tuning-signal-300x225.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><figcaption class=\"wp-element-caption\"><em>BBC Tuning Signal from <a href=\"https:\/\/tvark.org\/features\/testcards\/bbc-testcards\" data-type=\"link\" data-id=\"https:\/\/tvark.org\/features\/testcards\/bbc-testcards\">TV Ark<\/a><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The typeface was not off-the-shelf, but was specially designed. Initially, only the letters needed for the various BBC regions were produced. However the typeface made such an impression that the BBC wanted to use it in their annual review programme <a href=\"https:\/\/youtu.be\/gWAjRUCOMAM?si=nXI0JpfQeblRAAi1\"><em>See For Yourself<\/em><\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"762\" src=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-23-1024x762.png\" alt=\"\" class=\"wp-image-623\" srcset=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-23-1024x762.png 1024w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-23-300x223.png 300w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-23-768x571.png 768w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-23.png 1452w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>End credits of See For Yourself<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"> To make this possible, it was necessary to produce a fuller version as a <a href=\"https:\/\/en.wikipedia.org\/wiki\/PostScript\" data-type=\"link\" data-id=\"https:\/\/en.wikipedia.org\/wiki\/PostScript\">Postscript<\/a> typeface. All typefaces need a name and this face, according to retired BBC Graphic Designer Bob Richardson, was called <a href=\"https:\/\/en.wikipedia.org\/wiki\/Prospero\" data-type=\"link\" data-id=\"https:\/\/en.wikipedia.org\/wiki\/Prospero\"><em>Prospero<\/em><\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"762\" src=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/Prospero_and_Ariel_94216050.jpg\" alt=\"The statues of Prospero and Ariel (from Shakespeare's The Tempest) on BBC Broadcasting House by Eric Gill. \" class=\"wp-image-563\" srcset=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/Prospero_and_Ariel_94216050.jpg 500w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/Prospero_and_Ariel_94216050-197x300.jpg 197w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><figcaption class=\"wp-element-caption\"><em>Prospero and Ariel, taken by <a href=\"https:\/\/www.flickr.com\/people\/30523851@N00\">Mike Knell<\/a> <a href=\"https:\/\/en.wikipedia.org\/wiki\/en:Creative_Commons\">Creative Commons<\/a> <a href=\"https:\/\/creativecommons.org\/licenses\/by-sa\/2.0\/deed.en\">Attribution-Share Alike 2.0 Generic<\/a><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Prospero is rather notorious these days for being the bearded figure on the front of <a href=\"https:\/\/www.bbc.com\/historyofthebbc\/buildings\/broadcasting-house\" data-type=\"link\" data-id=\"https:\/\/www.bbc.com\/historyofthebbc\/buildings\/broadcasting-house\">Broadcasting House<\/a> but, the name probably seemed like a good idea at the (pre-<a href=\"https:\/\/en.wikipedia.org\/wiki\/Operation_Yewtree\" data-type=\"link\" data-id=\"https:\/\/en.wikipedia.org\/wiki\/Operation_Yewtree\">Yewtree<\/a>) time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I first created the BBC1 lettering in January 2005 for a <a href=\"https:\/\/625.uk.com\/tv_logos\/svg\/bbc1_clock_85.asp\">Flash File<\/a> on <a href=\"https:\/\/625.uk.com\/\">Andrew Wiseman\u2019s 625 Television Room<\/a> website. As source material I used offscreen shots sourced from VHS tapes and therefore the BBC1 caption is far from accurate. I didn\u2019t use B\u00e9zier curves in Flash, so the bottom of the C is rather lumpy, and the B is very inaccurate.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"719\" src=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/flash_cow_caption-1024x719.png\" alt=\"Macromedia Flash recreation of the 1985 BBC1 GEM station clock. The clock has blue hour markings, golden hands, a golden BBC1 caption and a black background. The major hour markings are made up of two rectangles, whereas the minor hour markings are made up of single blue rectangles.\" class=\"wp-image-567\" srcset=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/flash_cow_caption-1024x719.png 1024w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/flash_cow_caption-300x211.png 300w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/flash_cow_caption-768x539.png 768w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/flash_cow_caption.png 1252w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>My 2005 recreation of the 1985 GEM BBC1 station clock<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">My first go at creating the entire <em>Prospero<\/em> typeface was in July 2017. It was not as a font, simply as letters in an SVG file, based entirely on off-screen shots from presentation of the time.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/prospero_in_inkscape-1024x576.png\" alt=\"Screenshot of Inkscape showing the BBC1 WALES lettering being drawn in the Prospero typeface. \" class=\"wp-image-568\" srcset=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/prospero_in_inkscape-1024x576.png 1024w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/prospero_in_inkscape-300x169.png 300w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/prospero_in_inkscape-768x432.png 768w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/prospero_in_inkscape-1536x864.png 1536w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/prospero_in_inkscape.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">However, this was largely based on guesswork as many letters were missing and it was not particularly accurate as the source material was sub-optimal in quality. Although I now knew how to place B\u00e9zier curves and have a much nicer letter C, the letter B is still woefully inaccurate.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">However, once it was finished I did have some fun recreating symbols for my friends, including the following for Al Du Pr\u00e9s which he turned into a t-shirt.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/trumptonshire-cow-globe.png\" alt=\"Recreation of the BBC1 COW symbol in Blender. The symbol consists of a transparent blue sphere with golden map on it, and a caption centered underneath it which say &quot;BBC1 Trumptonshire&quot;.\" class=\"wp-image-569\" srcset=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/trumptonshire-cow-globe.png 1024w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/trumptonshire-cow-globe-300x169.png 300w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/trumptonshire-cow-globe-768x432.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>My HD Recreation of the BBC1 COW globe<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Fast forward to 2026 and Mark Boulton managed to obtain a scan of the pasteboard of the full typeface version of <em>Prospero<\/em> from <a href=\"https:\/\/www.ravensbourne.ac.uk\/bbc-motion-graphics-archive\/alan-jeapes\" data-type=\"link\" data-id=\"https:\/\/www.ravensbourne.ac.uk\/bbc-motion-graphics-archive\/alan-jeapes\">Alan Jeapes<\/a>\u2019 son. A few weeks ago an old friend of mine, <a href=\"https:\/\/625.uk.com\/\" data-type=\"link\" data-id=\"https:\/\/625.uk.com\/\">Andrew Wiseman<\/a>, forwarded a copy of this scan along to me and I felt I had to have a go at making a proper typeface out of it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There is a bit of a mystery as to who actually designed the <em>Prospero<\/em> typeface. Although I had always assumed that it was designed by Oliver Elmes, the fact that Alan Jeapes (a designer more normally associated with the 1986 BBC2 \u201cTWO\u201d symbol) had the pasteboard of the font suggests that he may also have been involved in some way. Perhaps it was Jeapes who had to create a full typeface from Elmes\u2019s original design. If I find out, I&#8217;ll update this post.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I decided to take my usual approach; designing the glyphs in <a href=\"https:\/\/inkscape.org\">Inkscape<\/a> and then exporting them as Plain SVG files which I could import in to <a href=\"https:\/\/fontforge.org\">FontForge<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Things for typographers in Inkscape have got a lot better in a number of ways since I first designed fonts around 15 years ago.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"704\" height=\"663\" src=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image.png\" alt=\"Inkscape welcome screen, showing the template selections available to the user when starting Inkscape. Amongst them is Typography Canvas.\" class=\"wp-image-571\" srcset=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image.png 704w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-300x283.png 300w\" sizes=\"auto, (max-width: 704px) 100vw, 704px\" \/><figcaption class=\"wp-element-caption\"><em>Inkscape Typography Canvas<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Firstly, there is a special font template (Typography Canvas) with guides set up for the cap-height, x-height, baseline and descender. I found this very helpful and will use it again on any new font projects.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"615\" src=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-1-1024x615.png\" alt=\"A screenshot of Inkscape showing six pages, each containing a different glyph (Space, N, M, L, K, and J).\" class=\"wp-image-572\" srcset=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-1-1024x615.png 1024w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-1-300x180.png 300w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-1-768x462.png 768w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-1-1536x923.png 1536w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-1.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>The pages feature of Inkscape used for font design<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Secondly, I could use the Pages feature of Inkscape that had been added by <a href=\"https:\/\/inkscape.org\/~doctormo\/\" data-type=\"link\" data-id=\"https:\/\/inkscape.org\/~doctormo\/\">Martin Owens<\/a>. This allowed me to use one page for each glyph. The Pages feature allowed me to batch export the Plain SVG glyphs from my master Inkscape SVG file using the new Batch Export feature for pages. To do this, you should name your pages with the same names as the glyphs (e.g. parenleft, parenright, sterling, etc.); you can find these names in FontForge.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"779\" height=\"754\" src=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-2.png\" alt=\"A letter K being designed in Inkscape. There are blue guides which are part of the Inkscape Typography Canvas and red guides that I used to construct the diagonals on the K and the serifs at the top and bottom of the letter.\" class=\"wp-image-573\" srcset=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-2.png 779w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-2-300x290.png 300w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-2-768x743.png 768w\" sizes=\"auto, (max-width: 779px) 100vw, 779px\" \/><figcaption class=\"wp-element-caption\"><em>Blue guides are in the Typography Canvas, and red guides were created by me<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">And, thirdly, guides have had a lot of work since I first used Inkscape; you can colour guides and name them which is invaluable for font design. There are also nifty new features being added to Inkscape all the time, such as being able to reposition points along paths.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"746\" src=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-3.png\" alt=\"A screenshot in Inkscape, showing a capital letter B. The nodes that are used to construct the letter are shown. All the nodes are at extrema, and horizontal or vertical. The only nodes that are not horizontal or vertical are at angled junctions. This is considered optimal node placement for typography.\" class=\"wp-image-574\" srcset=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-3.png 720w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-3-290x300.png 290w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><figcaption class=\"wp-element-caption\"><em>Example of optimal node placement<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you are going to design fonts using B\u00e9zier curves, there are a number of things you need to know regarding point and handle placement. I picked these things up over the years but there are a number of nice articles online now collecting them together and explaining them, of which <a href=\"https:\/\/help.fontlab.com\/fontlab\/8\/tutorials\/calfonts\/1.%20Drawing\/01a%20Rules%20for%20Vector%20Exports\/\" data-type=\"link\" data-id=\"https:\/\/help.fontlab.com\/fontlab\/8\/tutorials\/calfonts\/1.%20Drawing\/01a%20Rules%20for%20Vector%20Exports\/\">this one<\/a> is as good as any. These tips are invaluable and will help you not just with fonts, but will improved the quality of any vector design you care to tackle.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Because I was creating the font using cubic B\u00e9zier curves (these are the type of curves that Inkscape uses), the most sensible thing to do is export the font as an OTF instead of a TTF. That&#8217;s because TTF uses quadratic B\u00e9zier curves.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"763\" src=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-4.png\" alt=\"It's important to round nodes of typefaces to int for optimal results. The screenshot shows how this can be achieved in the program FontForge. A letter B is being uses as an example. The &quot;Element&quot; menu is selected, the arrow has been moved down to &quot;Round&quot; and then to the right so the &quot;To Int&quot; option has appeared.\" class=\"wp-image-575\" srcset=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-4.png 880w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-4-300x260.png 300w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-4-768x666.png 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption class=\"wp-element-caption\"><em>Rounding nodes to Int for optimal results <\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To get your points aligned perfectly to integer coordinates (pixel boundaries) in FontForge, you can use the built-in <strong>Element &gt; Round &gt; To Int<\/strong> feature. Even though you can have decimals in OTF files, using integers means that the font will be smaller when you export it but it also improves the hinting and kerning accuracy of the font.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Because I have been working full-time for about four years I am very out of practice with typography and I made a number of rookie errors due to me forgetting a number of things that would have been second nature to me only a few years ago.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The first was not identifying the widest glyph first and then sizing the other glyphs based on that. I just assumed that the M would be the widest glyph and went with that. This was a big mistake as a moment\u2019s thought would have told me that the W was the largest glyph by quite some margin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"763\" src=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-5-1024x763.png\" alt=\"A screenshot of the letter W of the Prospero font in Inkscape. The font overshoots the sides of the page on both the left and right hand sides, due to bad planning on my part.\" class=\"wp-image-576\" srcset=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-5-1024x763.png 1024w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-5-300x224.png 300w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-5-768x572.png 768w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-5.png 1041w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Bad planning on my part!<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Another thing I completely forgot was allowing enough space for descenders. I didn\u2019t do that and as a result the Q looks rather odd in font previews.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"792\" height=\"833\" src=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-6.png\" alt=\"A screenshot of the letter Q of the Prospero font in Inkscape. The font overshoots the sides of the page on both the left and right hand sides, due to bad planning on my part.\" class=\"wp-image-577\" srcset=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-6.png 792w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-6-285x300.png 285w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-6-768x808.png 768w\" sizes=\"auto, (max-width: 792px) 100vw, 792px\" \/><figcaption class=\"wp-element-caption\"><em>More bad planning on my part!<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">However one thing I am glad I did do is make the project a Git archive from the off, so I could commit my work to my <a href=\"https:\/\/github.com\/DaveJeffery\/Prospero\">GitHub repository<\/a> as I went along so there was no danger of losing any work. This also allowed me to \u201croll back\u201d to any point if I did anything wrong in FontForge (which is not difficult as it can be tricky to use).<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"711\" src=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-7-1024x711.png\" alt=\"A screenshot of the GitHub repository for the Prospero font project. It shows the files it includes and the ReadMe file that I wrote to explain the project.\" class=\"wp-image-578\" srcset=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-7-1024x711.png 1024w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-7-300x208.png 300w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-7-768x533.png 768w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-7.png 1281w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>I really enjoy using GitHub, but I suppose I should be using something more open.<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I didn\u2019t do a particularly good job of kerning the font; I did the bare minimum to make it acceptable.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One of the things I decided to do with the font is not make the serifs come to a sharp point; I made the serifs curved. Even though it makes the font more complicated in terms of the number of curves needed for each glyph, it does mean the font looks better at large sizes and it is more how a professional typeface would be done.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" src=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-8-1024x778.png\" alt=\"A closeup of the letter B in Inkscape. The closeup shows the top left-hand corner of the letter B so you can see the corner of the serif on the letter comes to a rounded edge rather than a sharp point.\" class=\"wp-image-579\" srcset=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-8-1024x778.png 1024w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-8-300x228.png 300w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-8-768x583.png 768w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-8.png 1106w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Curved serifs rather than sharp points<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">As I get to learn more about typography it\u2019s been increasingly brought home to me that the aim is not mathematical regularity\u2014something I used to obsess over.  It\u2019s about getting the strokes to <strong><em>look<\/em><\/strong> even, not <strong><em>be<\/em><\/strong> even. Therefore I happily allowed the curved shapes to overshoot the x-height and descender, and didn&#8217;t worry if the curves and diagonals were thicker than the vertical and horizontal lines. I had always done these things before, but they bothered me. Now I relax about them.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I didn\u2019t create any extra glyphs over and above those on the pasteboard. If I was to create more glyphs I would need to do some research into similar typefaces from the early 20th Century so that I would make something properly in keeping and I have several other projects I would like to tackle whilst I am between jobs. In particular, I usually create glyphs for the Welsh language. I think I will return to Prospero at some stage, and hopefully I\u2019ll also have the time to blog about it here (it takes as much time to write a blog post as it takes to do the work).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So, after all this work, it\u2019s admission time. I had rather mixed feeling about the 1985 BBC1 look. Whilst the globe was technically impressive I thought that the <em>Prospero<\/em> BBC1 caption was very disappointing; there was no overall BBC branding for BBC 1 and 2 and I really wanted the BBC diamonds logo. Although there was a definite BBC feel to Prospero, the Lambie-Nairn <a href=\"https:\/\/www.bbc.com\/historyofthebbc\/research\/bbc-idents\/global-ambition\" data-type=\"link\" data-id=\"https:\/\/www.bbc.com\/historyofthebbc\/research\/bbc-idents\/global-ambition\">Virtual World<\/a> (designed by Daniel Barber) that followed the COW globe was, to me, infinitely superior.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After a strong start the BBC presentation department began to increasingly produce trail packages for BBC1 that didn&#8217;t feature the Prospero BBC1 branding and I always got the impression that BBC Presentation was filled with people who didn\u2019t know what they didn\u2019t know as far as branding was concerned.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"480\" src=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-9.png\" alt=\"A screenshot of a typical BBC1 presentation trail package from the 1980s. This one is from 1986 and says &quot;86 BBC1&quot; and has a caption overlaid electronically that says &quot;LOVEJOY FRIDAY WEEK 9.30&quot;. The 86 is written in a stencil font, BBC1 is written in a hand drawn brush font and the overlaid caption is in Helvetica. The point being there is no Prospero BBC1 anywhere!\" class=\"wp-image-580\" srcset=\"https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-9.png 640w, https:\/\/www.kecskebak.hu\/wp-content\/uploads\/2026\/07\/image-9-300x225.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><figcaption class=\"wp-element-caption\"><em>BBC1 trail package from 1986 Source: <a href=\"https:\/\/youtu.be\/FBydh00BNyc?si=F0Ftm_Mxj_ThzL4a\" data-type=\"link\" data-id=\"https:\/\/youtu.be\/FBydh00BNyc?si=F0Ftm_Mxj_ThzL4a\">Neil Miles\/YouTube<\/a><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">However the COW globe does bring back happy memories of whoever was in the broom cupboard using the COW to announce the early evening edition of <em>Neighbours<\/em>. I can smell my Mum cooking us chops or whatever for tea. 1985 was a very happy time for me; I went to a new school, had some lovely new friends (Ed, Raj, San, Tom and Chris) had Repton on my BBC Micro and life was very good. And the COW is mixed up in those memories.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>If you want to play around with the Prospero typeface, the entire GitHub project is available for you <a href=\"https:\/\/github.com\/DaveJeffery\/Prospero\">here<\/a>.<\/em> <em>Many thanks to Bob Richardson and Andrew Wiseman for their help with this article.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A diary of my return to the world of typography, for the first time in many, many years. Just before the first edition of Wogan, on 7pm the 18th February 1985, BBC1 introduced it\u2019s first computer generated symbol. It was called the Computer Originated World or COW. Of course BBC2 had already had a computer [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":566,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,7],"tags":[15,32,31,28,14],"class_list":["post-552","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphics","category-television-presentation","tag-bbc-television","tag-bbc1","tag-fontforge","tag-fonts","tag-inkscape"],"_links":{"self":[{"href":"https:\/\/www.kecskebak.hu\/index.php?rest_route=\/wp\/v2\/posts\/552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kecskebak.hu\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kecskebak.hu\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kecskebak.hu\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kecskebak.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=552"}],"version-history":[{"count":19,"href":"https:\/\/www.kecskebak.hu\/index.php?rest_route=\/wp\/v2\/posts\/552\/revisions"}],"predecessor-version":[{"id":625,"href":"https:\/\/www.kecskebak.hu\/index.php?rest_route=\/wp\/v2\/posts\/552\/revisions\/625"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kecskebak.hu\/index.php?rest_route=\/wp\/v2\/media\/566"}],"wp:attachment":[{"href":"https:\/\/www.kecskebak.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kecskebak.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kecskebak.hu\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}