html/en/index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4 <meta http-equiv="content-type" content="text/html; charset=utf-8">
   5 <title>Sawarabi Fonts</title>
   6 <link rel="stylesheet" href="../css/style.css" type="text/css" />
   7 <script src="../js/jquery-2.1.0.min.js" type="text/javascript"></script>
   8 <script src="../js/lang.js" type="text/javascript"></script>
   9 <script src="../js/doc-header.js" type="text/javascript"></script>
  10 </head>
  11 <body>
  12 <header>
  13 <div class="container">
  14 <div id="navbar">
  15 <div class="logo"><img src="../img/logo-ja.png" alt="Sawarabi Fonts" /></div>
  16 <div id="lang">
  17 <div id="current-lang" class="item" title="Select your language">English</div>
  18 <div id="lang-menu-container" class="container">
  19 </div>
  20 </div>
  21 </div>
  22 <div style="clear: both;"></div>
  23 </div>
  24 </header>
  25
  26 <div id="docs-header">
  27 <div class="container">
  28 <div class="buttons-container"><div class="inner-container"></div></div>
  29 <canvas id="header-canvas" width="680" height="300"></canvas>
  30 </div>
  31 </div>
  32
  33 <div id="docs">
  34 <div class="container">
  35 <article>
  36 <h2>About Sawarabi Fonts</h2>
  37 <p>
  38 Sawarabi Fonts is a Japanese font family which contains two fonts, gothic and mincho. Sawarabi Gothic is a ‘Japanese gothic’ font, which is similar to sans-serif. Sawarabi Mincho is a ‘mincho’ font. ‘Mincho’ means a Ming typeface and is used like a serif font in Japan.
  39 </p>
  40 <p>
  41 Sawarabi Gothic and Mincho are normal ordinary fonts and have not notable features. But it can be said that their design concept might be a little traditional (or old fashioned), if compared with <a href="http://dicey.org/vlgothic/" target="_blank">VL Gothic</a> (or <a href="http://mplus-fonts.sourceforge.jp/" target="_blank">M+ FONTS</a>) which have already been popular as free Japanese fonts.
  42 </p>
  43 <p>
  44 Though both of fonts are available, they have not yet enough characters for daily use, such as standard kanji, for being under developing now.
  45 </p>
  46 </article>
  47
  48 <article>
  49 <h2>License</h2>
  50 <p>
  51 The license of Sawarabi Fonts is Creative Commons Attribution 3.0. You can see the content of this license on the following site:
  52 </p>
  53 <ul>
  54 <li><a href="http://creativecommons.org/licenses/by/3.0/" target="_blank">Creative Commons Attribution 3.0</a></li>
  55 </ul>
  56 </article>
  57
  58 <article>
  59 <h2>Samples</h2>
  60 <p>
  61 Sawarabi Gothic (ver.20130615).
  62 </p>
  63 <img id="font-sample" src="../img/sample-0.png" alt="Sample" /><br />
  64 </article>
  65
  66 <article>
  67 <h2>Download</h2>
  68 <p>
  69 You can download the latest Sawarabi Fonts from the following links:
  70 </p>
  71 <div id="download-box">
  72 <script charset="utf-8" type="text/javascript" src="http://sourceforge.jp/projects/sawarabi-fonts/files/compact.js"></script>
  73 <noscript>
  74 <p style="border: 1px solid black">　（JavaScript が有効になっていない場合は、ここにリンクは現れません。ダウンロードは <a href="http://sourceforge.jp/projects/sawarabi-fonts/">SourceForge.JP のプロジェクトページ</a>から行ってください。）</p>
  75 </noscript>
  76 </div>
  77 </article>
  78
  79 <article>
  80 <h2>Check Sawarabi Gothic</h2>
  81 <p>
  82 In the following page, you can check design of Sawarabi Gothic by free typing.
  83 </p>
  84 <ul>
  85 <li><a href="http://sawarabi-fonts.sourceforge.jp/sampler/sawarabi-sampler.html">Let’s check Sawarabi Gothic</a> (in Japanese)</li>
  86 </ul>
  87 <p>
  88 The simple web application in this page requires JavaScript, and at the current version, it runs on the Mozilla Firefox, Safari and Google Chrome. I think that it can also run on the latest Internet Explorer, but you’ll not see fine results.
  89 </p>
  90 </article>
  91
  92 <article>
  93 <h2>Links</h2>
  94 <dl>
  95 <dt><a href="http://sourceforge.jp/projects/sawarabi-fonts/">Sawarabi Fonts Project Top Page</a></dt>
  96 <dd>
  97 The project site in SourceForge.JP. In wiki pages of it, you can get a little more information, but these might be written in Japanese.
  98 </dd>
  99 </dl>
 100 </article>
 101 </div>
 102 </div>
 103
 104 <footer>
 105 <div class="container">
 106 <a href="http://sourceforge.jp/"><img src="http://sourceforge.jp/sflogo.php?group_id=3896&amp;type=1" width="96" height="31" alt="SourceForge.JP" /></a>
 107 </div>
 108 </footer>
 109 </body>
 110 </html>