Your IP : 216.73.217.87
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<title>cufón - fonts for the people</title>
<meta name="description" content="Fast text replacement with canvas and VML - no Flash or images required." />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<script src="js/ui.js" type="text/javascript"></script>
<script src="../js/cufon.js" type="text/javascript"></script>
<script src="../fonts/Vegur.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon('h1', {
color: '-linear-gradient(#b7dded, 0.2=#70ceef, 0.5=#20b4e2, #b1dbeb)'
});
Cufon('h3');
</script>
</head>
<body>
<div id="doc">
<div id="page">
<div id="head">
<h1><a href="/">cufón - fonts for the people</a></h1>
</div>
<div id="nav">
<ul class="nav">
<li><a href="http://cufon.shoqolate.com/js/cufon-yui.js">Download <span class="version">${Version}</span></a></li>
<li class="current"><a href=".">Generator</a></li>
<li><a href="http://github.com/sorccu/cufon/wikis" class="external">Documentation</a></li>
<li><a href="http://groups.google.com/group/cufon" class="external">Community</a></li>
<li><a href="http://github.com/sorccu/cufon/tree/master">Source</a></li>
</ul>
</div>
<div id="content">
<form id="generator" action="convert.php" method="post" enctype="multipart/form-data">
<div class="section">
<h3>Select the font you'd like to use</h3>
<dl>
<dt><label for="ifont_0" id="lfont_0">Regular typeface</label></dt>
<dd><input type="file" name="font[]" id="ifont_0" size="70" /></dd>
<dt><label for="ifont_1" id="lfont_1">Bold typeface (optional)</label></dt>
<dd><input type="file" name="font[]" id="ifont_1" size="70" /></dd>
<dt><label for="ifont_2" id="lfont_2">Italic typeface (optional)</label></dt>
<dd><input type="file" name="font[]" id="ifont_2" size="70" /></dd>
<dt><label for="ifont_3" id="lfont_3">Bold Italic typeface (optional)</label></dt>
<dd><input type="file" name="font[]" id="ifont_3" size="70" /></dd>
</dl>
<p class="info">On Windows, <em>you may first have to copy the font file out of the Fonts folder and paste it elsewhere</em> in order to be able to select it.</p>
<p class="info">Currently only TrueType (TTF), OpenType (OTF), Printer Font Binary (PFB) and PostScript fonts are supported. Files are disposed of immediately after conversion.</p>
<dl>
<dt><label for="ifamily">Use the following value as the <code>font-family</code> of the generated font (optional)</label></dt>
<dd><input type="text" name="family" id="ifamily" size="70" maxlength="150" />
<p class="info">Useful if you're using multiple variants of the same font (bold, italic etc). Sometimes they may have slightly different family names, which may lead to unexpected behavior.</p>
</dd>
</dl>
<dl>
<dt><label for="ipermission" class="important"><input type="checkbox" name="permission" id="ipermission" value="yes" /> The EULAs of these fonts allow Web Embedding (without <a href="http://www.adobe.com/products/flashplayer/" class="external">Adobe Flash</a>)</label></dt>
<dd>
<p class="info">See <a href="http://www.fontembedding.com/fonts-and-the-law/" class="external">Fonts and the Law</a> at <a href="http://www.fontembedding.com" class="external">fontembedding.com</a> for more information.
Fonts produced by the following foundries/vendors/creators are <em>known to be safe</em>:
<a href="http://www.adobe.com/type/embedding.html" class="external">Adobe Systems</a> (but only if Adobe is the sole copyright and trademark holder).
The following are <em>known to require separate or extended licenses</em> for Web Embedding:
<a href="http://www.bertholdtypes.com/info/agreement.html" class="external">Berthold</a> (separate),
<a href="http://www.fontfont.com/support/licensing.ep" class="external">FontFont</a> (separate),
<a href="http://www.fontsmith.com/support/licencingandusage/end-user-licence-agreement-eula.cfm" class="external">Fontsmith</a> (separate),
<a href="http://www.itcfonts.com/About/Embedding.htm" class="external">ITC</a> (separate),
<a href="http://www.linotype.com/2061-28225/licenseagreementforfontsoftware.html" class="external">Linotype</a> (extended),
<a href="http://www.monotypefonts.com/Services/FontLicences.asp" class="external">Monotype</a> (extended).</p>
</dd>
</dl>
</div>
<div class="section">
<h3>Include the following glyphs (if available)</h3>
<dl>
<dt><label for="iglyphs_bl"><input type="checkbox" name="glyphs[]" id="iglyphs_bl" value="0x20-0x7E" checked="checked" /> Basic Latin</label></dt>
<dd>Usually enough for English-only websites. Contains Basic Latin glyphs within the Unicode range U+0020 to U+007E. (95 glyphs)</dd>
<dt><label for="iglyphs_l1s"><input type="checkbox" name="glyphs[]" id="iglyphs_l1s" value="0xA0-0xFF,0x20AC" /> Latin-1 Supplement</label></dt>
<dd>Combine with Basic Latin to cover most European languages. Contains Latin glyphs within the Unicode range U+00A0 to U+00FF and the euro sign U+20AC. Includes punctuation, some currency symbols, numerals and common accented characters. (97 glyphs)</dd>
<dt><label for="iglyphs_wp"><input type="checkbox" name="glyphs[]" id="iglyphs_wp" value="0xD7,0x2013,0x2014,0x2018,0x2019,0x201C,0x201D,0x2022,0x2026,0x2032,0x2033,0x2122" /> Advanced Punctuation</label></dt>
<dd>Some publishing platforms (such as <a href="http://codex.wordpress.org/User:Here/Texturize" class="external">WordPress</a>) turn regular quotes and dashes into better looking ones, in which case you'll also need these glyphs. Includes a subset of <a href="http://en.wikipedia.org/wiki/Template:Unicode_chart_General_Punctuation" class="external">Unicode General Punctuation</a>. Some fonts may not support all of these characters. (13 glyphs)</dd>
<dt><label for="iglyphs_cyr"><input type="checkbox" name="glyphs[]" id="iglyphs_cyr" value="0x400-0x4FF,0x500-0x52F,0x2DE0-0x2DFF,0xA640-0xA69F" /> Cyrillic Alphabet</label></dt>
<dd>For a complete list, see <a href="http://en.wikipedia.org/wiki/Cyrillic_characters_in_Unicode" class="external">Cyrillic characters in Unicode</a>. (up to 432 glyphs)</dd>
<dt><label for="iglyphs_rus"><input type="checkbox" name="glyphs[]" id="iglyphs_rus" value="0x410-0x44F,0x401,0x451" /> Russian Alphabet</label></dt>
<dd>A refined selection of Cyrillic characters commonly used in the Russian language. (66 glyphs)</dd>
<dt><label for="iglyphs_greek"><input type="checkbox" name="glyphs[]" id="iglyphs_greek" value="0x370-0x3FF" /> Greek and Coptic</label></dt>
<dd>The whole Greek and Coptic Unicode block. For more information, see <a href="http://en.wikipedia.org/wiki/Greek_alphabet#Greek_in_Unicode" class="external">Greek in Unicode</a>. (up to 144 glyphs)</dd>
<dt><label for="iglyphs_pdia"><input type="checkbox" name="glyphs[]" id="iglyphs_pdia" value="0xC0-0xC3,0xC7,0xC9,0xCA,0xCD,0xD3-0xD5,0xDA,0xDC,0xE0-0xE3,0xE7,0xE9,0xEA,0xED,0xF3-0xF5,0xFA,0xFC" /> Portuguese Diacritics</label></dt>
<dd>Commonly used characters with diacritics. Combine with Basic Latin. For details, see <a href="http://en.wikipedia.org/wiki/Portuguese_alphabet" class="external">Portuguese alphabet</a>. (26 glyphs)</dd>
</dl>
<a href="#extra-glyphs" id="more-extra-glyphs" class="more">Show all options</a>
<dl id="extra-glyphs" class="hidden">
<dt><label for="iglyphs_all"><input type="checkbox" name="glyphs[]" id="iglyphs_all" value="0x0-0xFFFF" /> All</label></dt>
<dd>Includes all available glyphs. Highly unrecommended.</dd>
<dt><label for="iglyphs_uc"><input type="checkbox" name="glyphs[]" id="iglyphs_uc" value="0x41-0x5A" /> Uppercase</label></dt>
<dd>Basic Latin uppercase letters (A-Z). (26 glyphs)</dd>
<dt><label for="iglyphs_lc"><input type="checkbox" name="glyphs[]" id="iglyphs_lc" value="0x61-0x7A" /> Lowercase</label></dt>
<dd>Basic Latin lowercase letters (a-z). (26 glyphs)</dd>
<dt><label for="iglyphs_n"><input type="checkbox" name="glyphs[]" id="iglyphs_n" value="0x30-0x39" /> Numerals</label></dt>
<dd>Basic Latin digits (0-9). (10 glyphs)</dd>
<dt><label for="iglyphs_p"><input type="checkbox" name="glyphs[]" id="iglyphs_p" value="0x20-0x2F,0x3A-0x40,0x5B-0x60,0x7B-0x7E" /> Basic Punctuation</label></dt>
<dd>Basic Latin punctuation (!@#%...). (33 glyphs)</dd>
<dt><label for="iglyphs_cur"><input type="checkbox" name="glyphs[]" id="iglyphs_cur" value="0x0024,0x00A2-0x00A5,0x20A0-0x20CF" /> Currency Symbols</label></dt>
<dd>Currency symbols within the Unicode range U+20A0 to U+20CF. The dollar sign from Basic Latin and the cent, pound and yen signs from Latin-1 Supplement are also included. (about 22 glyphs)</dd>
<dt><label for="iglyphs_l1ea"><input type="checkbox" name="glyphs[]" id="iglyphs_l1ea" value="0x100-0x17F" /> Latin Extended-A</label></dt>
<dd>Extended Latin glyphs within the Unicode range U+0100 to U+017F. (128 glyphs)</dd>
<dt><label for="iglyphs_l1eb"><input type="checkbox" name="glyphs[]" id="iglyphs_l1eb" value="0x180-0x24F" /> Latin Extended-B</label></dt>
<dd>Extended Latin glyphs within the Unicode range U+0180 to U+024F. (208 glyphs)</dd>
</dl>
<dl>
<dt><label for="icustomGlyphs">Also include these single characters</label></dt>
<dd><input type="text" name="customGlyphs" id="icustomGlyphs" size="70" maxlength="250" /> <label for="iuseGlyphCSSRange"><input type="checkbox" name="useGlyphCSSRange" id="iuseGlyphCSSRange" value="yes" /> Use <a href="http://www.w3.org/TR/css3-fonts/#character-range-the-unicode-range-descri" class="external">CSS3 ranges</a> instead of single characters</label></dd>
</dl>
</div>
<div id="security" class="section">
<h3>Security</h3>
<dl>
<dt><label for="idomains">Limit usage to the following domains</label></dt>
<dd>
<ul class="input-list no-del">
<li><input type="text" name="domains[]" size="50" maxlength="250" value="" /> <a href="#" class="new">[add]</a> <a href="#" class="del">[del]</a> <label><input type="checkbox" class="remember" value="yes" /> Remember this domain</label></li>
</ul>
<p class="info"><strong><em>Utilizing this feature is highly recommended, and may even be required if you're using commercial fonts.</em></strong></p>
<p class="info">You can also use wildcards (e.g. *.example.org to cover example.org and all subdomains of example.org). Using a font that doesn't match any of the allowed domains results in only plain text showing up.</p>
</dd>
</dl>
</div>
<div class="section">
<h3>Performance & file size</h3>
<dl>
<dt><label for="iemSize">Scale the font to the following size</label></dt>
<dd>
<label for="iemSize"><input type="text" name="emSize" id="iemSize" value="360" maxlength="4" size="4" /> units per em</label>
<label for="idisableScaling"><input type="checkbox" name="disableScaling" id="idisableScaling" value="yes" /> No thanks, use the font's own value</label>
<p class="info">A lower value (64 at minimum) results in slightly better performance and smaller file size at the cost of accuracy. Values lower than 256 are not recommended unless you are OK with visible loss of detail. You may also use the <a href="../doc/optimal-scaling.html">optimal scaling chart</a> to find a suitable scaling value. Native values in quality fonts are usually either 1000 or 2048.</p>
</dd>
<dt><label for="isimplifyDelta">If allowed, optimized paths may differ from the original by at most</label></dt>
<dd>
<label for="isimplifyDelta"><input type="text" name="simplifyDelta" id="isimplifyDelta" value="2" maxlength="4" size="4" /> units</label>
<label for="isimplify"><input type="checkbox" name="simplify" id="isimplify" value="yes" checked="checked" /> Allow path optimization</label>
<p class="info"><strong><em>It's recommended to disable this feature if you're planning to use small font sizes.</em></strong></p>
<p class="info">You should keep this value fairly low, at about 0.5-1% of the font's em-size. Optimizations are performed <em>after</em> the font has been scaled (if at all).</p>
</dd>
<dt><label for="ikerning"><input type="checkbox" name="kerning" id="ikerning" value="yes" checked="checked" /> Include kerning tables (improves readability but slightly increases file size)</label></dt>
</dl>
<p>Also, try to make sure your server serves gzipped JavaScript. 70-80% drops in file size are not unheard of.</p>
</div>
<div id="customization" class="section">
<h3>Customization (for 3rd-party scripts only)</h3>
<dl>
<dt><label for="icallback">The following JavaScript function will receive the font data</label></dt>
<dd><input type="text" name="callback" id="icallback" value="Cufon.registerFont" size="70" maxlength="250" />
<a href="#set-callback" class="callback" title="Cufon.registerFont"><img src="img/cufon16.png" alt="Cufón" title="Cufón" width="16" height="16" /></a>
<a href="#set-callback" class="callback" title="Raphael.registerFont"><img src="img/raphael16.png" alt="Raphaël" title="Raphaël" width="16" height="16" /></a>
</dd>
</dl>
</div>
<div class="section">
<h3>Terms</h3>
<p>Cufón is distributed under the <a href="http://en.wikipedia.org/wiki/MIT_License" class="external">MIT license</a>. By using this tool you agree to its terms.</p>
<p>Should you require help you may ask for it at <a href="http://groups.google.com/group/cufon" class="external">our Google Group</a>, but keep
in mind that you are in no way entitled to support, which means that even if you do not
get a satisfactory answer you may not complain about it. Nice people are more likely to
get helpful answers.</p>
<p><label for="iterms" class="important"><input type="checkbox" name="terms" id="iterms" value="yes" /> I acknowledge and accept these terms</label></p>
</div>
<div class="actions">
<button type="submit">Let's do this!</button>
</div>
</form>
</div>
<div id="foot">
<p>Idea and implementation by Simo Kinnunen (<a href="http://twitter.com/sorccu"><img src="img/twitter.png" alt="twitter" /></a>), 2008-2011. Bugs by nature.</p>
</div>
</div>
</div>
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>