html/mobile/index.html

   1 <!DOCTYPE html>
   2 <html lang="ja">
   3 <head>
   4 <meta http-equiv="content-type" content="text/html; charset=utf-8">
   5 <meta name="viewport" content="width=device-width, initial-scale=1">
   6 <title>さわらびフォント</title>
   7 <link rel="stylesheet" href="css/mobile.css" type="text/css" />
   8 <script type="text/javascript" src="js/lang.js"></script>
   9 </head>
  10 <body>
  11 <div id="lang-selector-area"></div>
  12 <h1><img src="img/logo-ja.png" alt="さわらびフォント" /></h1>
  13 <article>
  14 <h2>概要</h2>
  15 <p>
  16 　さわらびフォントは、フリーなライセンスで提供している日本語フォントです。
  17 現在、ゴシック体の<span class="bold">さわらびゴシック</span>と明朝体の<span class="bold">さわらび明朝</span>の 2 種類のフォントを公開しています。
  18 <p>
  19 <p>
  20 　なお、公開しているとはいえ、現在のところどちらのフォントも開発中という段階です。ご利用の際はあらかじめご了承ください。
  21 </p>
  22 </article>
  23
  24 <article>
  25 <h2>ライセンス</h2>
  26 <p>
  27 　さわらびフォントのライセンスは、<span class="bold">Creative Commons Attribution 3.0</span> です。このライセンスの内容は、次のリンクからご覧いただけます。
  28 </p>
  29 <ul>
  30 <li><a href="http://creativecommons.org/licenses/by/3.0/deed.ja" target="_blank">Creative Commons Attribution 3.0</a></li>
  31 </ul>
  32 </article>
  33
  34 <article>
  35 <h2>書体見本</h2>
  36 <p>
  37 さわらびゴシック（ver. 20130615）の書体見本です。
  38 </p>
  39
  40 <div class="image-sample">
  41 <h3>ひらがな</h3>
  42 <img src="img/sample-0.png" alt="Hiragana" />
  43 </div>
  44
  45 <div class="image-sample">
  46 <h3>カタカナ</h3>
  47 <img src="img/sample-1.png" alt="Katakana" />
  48 </div>
  49
  50 <div class="image-sample">
  51 <h3>英数字</h3>
  52 <img src="img/sample-2.png" alt="Alphanumeric" />
  53 </div>
  54 </article>
  55
  56 <article>
  57 <h2>ダウンロード</h2>
  58 <p>
  59 　下のリンクから各フォントをダウンロードすることができます。
  60 なお、<span class="bold">さわらびゴシック</span>が <span class="bold">sawarabi-gothic</span>、<span class="bold">さわらび明朝</span>が <span class="bold">sawarabi-mincho</span> に対応しています。
  61 </p>
  62 <div id="download-box-ja">
  63 <script src="http://sourceforge.jp/projects/sawarabi-fonts/files/compact.js" type="text/javascript" charset="utf-8"></script>
  64 <noscript>
  65 <p>（JavaScript が有効になっていない場合は、ここにリンクは現れません。
  66 ダウンロードは <a href="http://sourceforge.jp/projects/sawarabi-fonts/releases/">SourceForge.JP のプロジェクトページ</a>から行ってください。）</p>
  67 </noscript>
  68 </div>
  69 </article>
  70
  71 <article style="display:none;">
  72 <h2>ゴシック体の試し書き</h2>
  73 <p>
  74 次のページで、<span class="bold">さわらびゴシック</span>の「試し書き」ができます。
  75 <p>
  76 <ul>
  77 <li>さわらびゴシック試し書きコーナー</li>
  78 </ul>
  79 <p>
  80 　試し書きができる、と書きましたが、つまりは、自由に入力した任意の文字列を<span class="bold">さわらびゴシック</span>で表示できるようにした、簡単なウェブアプリケーションが用意してあるということです。
  81 <span class="bold">さわらびゴシック</span>のデザインがどうなっているのか、もっといろいろな文字で見てみたいとき、気になる文字が<span class="bold">さわらびゴシック</span>に入っているのかどうか確認してみたいときなど、ご利用いただければと思います。
  82 </p>
  83 </article>
  84
  85 <article>
  86 <h2>リンク</h2>
  87 <dl>
  88 <dt><a href="http://sourceforge.jp/projects/sawarabi-fonts/">さわらびフォントのプロジェクトページ</a></dt>
  89 <dd>
  90 SourceForge.JP 内に設置させていただいているプロジェクトページです。こちらの
  91 Wiki 文書などに、さわらびフォントに関する、その他の情報が若干掲載されています。
  92 また、フォーラムもございますので、何かございましたらお寄せください。
  93 </dd>
  94 </dl>
  95 </article>
  96
  97 <div id="banner">
  98 <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>
  99 </div>
 100 </body>
 101 </html>