INDEX.HTM

<!DOCTYPE html  
          PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-GB" xml:lang="en-GB">
  <head>
    <meta http-equiv="content-type"
	  content="application/xhtml+xml;charset=UTF-8" />
    <title>Teletext50</title>
    <link rel="stylesheet" href="Teletext50.css" type="text/css" />
  </head>
  <body>

    <h1>Teletext50</h1>

    <br /><br />

        (please excuse the ugliness of this hastily put together page, I just want to share the fonts...)
    
    <br /><br />
    This font is a very small tweak to the excellent <a href="http://bjh21.me.uk/bedstead/">Bedstead</a>, that switches the smooth diagonal lines for 70s/80s style SAA5050 generated (hence the name '50') characters. All of the hard work was done by the people who built Bedstead and they deserve all of the credit for this font.
    <br /><br />
    It's not as useable as a font as Bedstead, but has different more retro feel, for recreating Teletext pages as they would have looked. For more information about how this font was generated see the original <a href="http://bjh21.me.uk/bedstead/">Bedstead pages</a>. The tweaked source that I used is at <a href="https://github.com/glxxyz/bedstead">github.com/glxxyz/bedstead</a>

    <br /><br />
    <a href="Teletext50-complement.pdf">Click here for a PDF that shows the whole character set.</a>
    <br /><br />
    Available in various widths, click to download .otf font files:
    <br /><br />

    <div style="font-size: 1em; font-stretch: condensed;">
      <a href="Teletext50-condensed.otf">Teletext50 Condensed</a>
    </div>
    <div style="font-size: 1em; font-stretch: semi-condensed;">
      <a href="Teletext50-semicondensed.otf">Teletext50 Semi Condensed</a>
    </div>
    <div style="font-size: 1em; font-stretch: normal;">
      <a href="Teletext50.otf">Teletext50 (Default Width)</a>
    </div>
	  <div style="font-size: 2em; font-stretch: ultra-condensed;">
      <a href="Teletext50-ultracondensed.otf">Teletext50 Ultra Condensed</a>
    </div>
    <div style="font-size: 1em; font-stretch: expanded;">
      <a href="Teletext50-extended.otf">Teletext50 Extended</a>
    </div>
    <div style="font-size: 2em; font-stretch: extra-condensed;">
      <a href="Teletext50-extracondensed.otf">Teletext50 Extra Condensed</a>
    </div>
    <br />
    (Ultra Condensed and Extra Condensed are used for double height text)
    <br /><br />


This Sample Text:
    <blockquote class="text-sample" style="text-align: center;">
      ABCDEFGHIJKLMNOPQRSTUVWXYZ<br/>
      abcdefghijklmnopqrstuvwxyz<br/>
      <span style="font-variant: small-caps">
  abcdefghijklmnopqrstuvwxyz
      </span><br/>
      ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ<br/>
      αβγδεζηθικλμνξοπρςστυϕφχψω<br/>
      АБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ<br/>
      абвгдежзийклмнопрстуфхцчшщъыьэюя<br/>
      אבגדהוזחטיךכלםמןנסעףפץצקרשת<br/>
      0123456789¼½¾!?.,:;'"‘’“”()[]{}<br/>
      -—+×÷&lt;=>/\|£$¥¢¤%&amp;*#@¶©®℗<br/>
    </blockquote>

Should look like this:
<br /><br />

    <img alt="Teletext50 Characters" src="sample-white-text.png"/>

    <h2>Copyright</h2>
    <p>The program that generates Teletext50, Bedstead and all of the
      newly-designed glyphs have been released into the public domain.</p>
  </body>
</html>