<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html;charset=UTF-8" http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
Quite a few webbrowsers used today seems to support SVG images. Maybe
rendering the preview to SVG (curves) would work?<br>
<br>
Khaled Hosny wrote:
<blockquote cite="mid:20090209152941.GA11909@khaled-laptop" type="cite">
  <pre wrap="">The new OFLB website uses @font-face CSS property for font preview, but
I wonder if we really need it? Most browsers don't support it, even with
the release of Firefox 3.1 we still have around 70% of web users with
browsers that don't support it. Even if we put this aside, why I need to
download a several megabits font just to get a static preview of it, it
isn't even dynamic, what is the benefit (some Arabic or CJK fonts are
even larger). Don't get me wrong, I find @font-face very great feature,
but I think we are misusing it here.

I think generating server side previews gives more better and responsive
user experience, I think "font playground" already does this, just we
need to merge it into the "main body" of the page instead of the current
hidden (and annoying) separate popup (or whatever it is called).

Regards,
 Khaled

  </pre>
</blockquote>
<br>
<br>
<div class="moz-signature">-- <br>
<title>FreeCode Signature</title>
<meta http-equiv="Content-Type" content="text/html; ">
<style type="text/css">
            body {
                font-family: Helvetica, Verdana, "Tahoma MS", Arial, Sans-Serif;
                color: black;
                font-size: 11pt;
            }
            .name {
                color: #072669;
                font-weight: bold;
            }
            .pos {
                color: #cd071e;
                font-weight: bold;
            }
            .cat {
                color: #cd071e;
                font-size: 10pt;
                font-weight: normal;
            }
            .val {
                color: #072669;
                font-weight: normal;
            }
            .quote {
                color: gray;
                font-size: 9pt;
                font-weight: normal;
            }
        </style>
<span class="name">Konsulent, Fri Programvare / Free Software Consultant</span><br>
<span class="val">Mobil:</span> <span class="val">+47 - 473 44 024</span><br>
<span class="val">Telefon:</span> <span class="val">+47 - 21 53 69 00, </span><span
 class="val">Fax:</span> <span class="val">+47 - 21 53 69 09</span><br>
<span class="val">Adr:</span> <span class="val">Nydalsveien 30b, 3.
etg., 0484 Oslo</span><br>
<span class="val">Web:</span> <span class="val"><a
 href="http://www.freecode.no">www.freecode.no</a></span><br>
<a href="http://www.freecode.no" style="text-decoration: none;"><img
 style="border: medium none ; padding: 7px 0px 0px;"
 src="cid:part1.04060609.05050801@freecode.no" alt="" height="56"
 width="370"></a><br>
<pre class="quote">Check out our published Free Software @ <a
 href="http://code.freecode.no">http://code.freecode.no</a>.
</pre>
</div>
</body>
</html>