OSDN Git Service

add new sample images of sawarabi-mincho and sawarabi-gothic
[sawarabi-fonts/sawarabi-fonts.git] / 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.20140215).
63 </p>
64 <img src="../img/sample-gothic-20140215.png" alt="Sample (Gothic)" /><br />
65 <p>
66 Sawarabi Mincho (ver.20140315).
67 </p>
68 <img src="../img/sample-mincho-20140315.png" alt="Sample (Mincho)" /><br />
69 </article>
70
71 <article>
72 <h2>Download</h2>
73 <p>
74 You can download the latest Sawarabi Fonts from the following links:
75 </p>
76 <div id="download-box">
77 <script charset="utf-8" type="text/javascript" src="http://sourceforge.jp/projects/sawarabi-fonts/files/compact.js"></script>
78 <noscript>
79 <p style="border: 1px solid black"> (JavaScript が有効になっていない場合は、ここにリンクは現れません。ダウンロードは <a href="http://sourceforge.jp/projects/sawarabi-fonts/">SourceForge.JP のプロジェクトページ</a>から行ってください。)</p>
80 </noscript>
81 </div>
82 </article>
83
84 <article>
85 <h2>Check Sawarabi Gothic</h2>
86 <p>
87 In the following page, you can check design of Sawarabi Gothic by free typing.
88 </p>
89 <ul>
90 <li><a href="http://sawarabi-fonts.sourceforge.jp/sampler/sawarabi-sampler.html">Let’s check Sawarabi Gothic</a> (in Japanese)</li>
91 </ul>
92 <p>
93 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.
94 </p>
95 </article>
96
97 <article>
98 <h2>Links</h2>
99 <dl>
100 <dt><a href="http://sourceforge.jp/projects/sawarabi-fonts/">Sawarabi Fonts Project Top Page</a></dt>
101 <dd>
102 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.
103 </dd>
104 </dl>
105 </article>
106 </div>
107 </div>
108
109 <footer>
110 <div class="container">
111 <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>
112 </div>
113 </footer>
114 </body>
115 </html>