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/mobile.js" type="text/javascript"></script>
   8 <script src="../js/jquery-2.1.0.min.js" type="text/javascript"></script>
   9 <script src="../js/lang.js" type="text/javascript"></script>
  10 <script src="../js/doc-header.js" type="text/javascript"></script>
  11 </head>
  12 <body>
  13 <header>
  14 <div class="container">
  15 <div id="navbar">
  16 <div class="logo"><img src="../img/logo-ja.png" alt="Sawarabi Fonts" /></div>
  17 <div id="lang">
  18 <div id="current-lang" class="item" title="Select your language">English</div>
  19 <div id="lang-menu-container" class="container">
  20 </div>
  21 </div>
  22 </div>
  23 <div style="clear: both;"></div>
  24 </div>
  25 </header>
  26
  27 <div id="docs-header">
  28 <div class="container">
  29 <div class="buttons-container"><div class="inner-container"></div></div>
  30 <canvas id="header-canvas" width="680" height="300"></canvas>
  31 </div>
  32 </div>
  33
  34 <div id="docs">
  35 <div class="container">
  36 <article>
  37 <h2>About Sawarabi Fonts</h2>
  38 <p>
  39 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.
  40 </p>
  41 <p>
  42 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.
  43 </p>
  44 <p>
  45 Though both of fonts are available, they have not yet enough characters for daily use, such as standard kanji, for being under developing now.
  46 </p>
  47 </article>
  48
  49 <article>
  50 <h2>License</h2>
  51 <p>
  52 The license of Sawarabi Fonts is Creative Commons Attribution 3.0. You can see the content of this license on the following site:
  53 </p>
  54 <ul>
  55 <li><a href="http://creativecommons.org/licenses/by/3.0/" target="_blank">Creative Commons Attribution 3.0</a></li>
  56 </ul>
  57 </article>
  58
  59 <article>
  60 <h2>Samples</h2>
  61 <p>
  62 Sawarabi Gothic (ver.20130615).
  63 </p>
  64 <img id="font-sample" src="../img/sample-0.png" alt="Sample" /><br />
  65 </article>
  66
  67 <article>
  68 <h2>Download</h2>
  69 <p>
  70 You can download the latest Sawarabi Fonts from the following links:
  71 </p>
  72 <div id="download-box">
  73 <script charset="utf-8" type="text/javascript" src="http://sourceforge.jp/projects/sawarabi-fonts/files/compact.js"></script>
  74 <noscript>
  75 <p style="border: 1px solid black">　（JavaScript が有効になっていない場合は、ここにリンクは現れません。ダウンロードは <a href="http://sourceforge.jp/projects/sawarabi-fonts/">SourceForge.JP のプロジェクトページ</a>から行ってください。）</p>
  76 </noscript>
  77 </div>
  78 </article>
  79
  80 <article>
  81 <h2>Check Sawarabi Gothic</h2>
  82 <p>
  83 In the following page, you can check design of Sawarabi Gothic by free typing.
  84 </p>
  85 <ul>
  86 <li><a href="http://sawarabi-fonts.sourceforge.jp/sampler/sawarabi-sampler.html">Let’s check Sawarabi Gothic</a> (in Japanese)</li>
  87 </ul>
  88 <p>
  89 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.
  90 </p>
  91 </article>
  92
  93 <article>
  94 <h2>Links</h2>
  95 <dl>
  96 <dt><a href="http://sourceforge.jp/projects/sawarabi-fonts/">Sawarabi Fonts Project Top Page</a></dt>
  97 <dd>
  98 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.
  99 </dd>
 100 </dl>
 101 </article>
 102 </div>
 103 </div>
 104
 105 <footer>
 106 <div class="container">
 107 <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>
 108 </div>
 109 </footer>
 110 </body>
 111 </html>