PageSourceSearch

https://kotonohaworks.com/kotonoru.html

html kotonohaworks.com collected 2026-10-05 03:58:39 UTC 34,176 bytes, 631 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4	<title>スタイリッシュでかっこいい日本語ゴシック体フォント「コトノル」の公式紹介ページ</title>
5	<meta name="description" content="モダンで程よい「落ち着き」感。コトノル フォントがデザインの表現幅を広げます。">
6	
7	<!-- ▽Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 7-8
7
8	<script async src="https://www.googletagmanager.com/gtag/js?id=
8G-CNTWKZ9739
vendor: 13 bytes, lines 8-9
8"></script>
9	
9<script>
10		
vendor: 134 bytes, lines 10-14
10window.dataLayer = window.dataLayer || [];
11		function gtag(){dataLayer.push(arguments);}
12		gtag('js', new Date());
13
14		gtag('config', '
14G-CNTWKZ9739
vendor: 5 bytes, lines 14-15
14');
15	
15</script>
15
16	<!-- △Global site tag (gtag.js) - Google Analytics -->
17
18	<!-- ▽Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 18-19
18
19	<script async src="https://www.googletagmanager.com/gtag/js?id=
19UA-188798849-2
vendor: 13 bytes, lines 19-20
19"></script>
20	
20<script>
21		
vendor: 134 bytes, lines 21-25
21window.dataLayer = window.dataLayer || [];
22		function gtag(){dataLayer.push(arguments);}
23		gtag('js', new Date());
24
25		gtag('config', '
25UA-188798849-2
vendor: 5 bytes, lines 25-26
25');
26	
26</script>
26
27	<!-- △Global site tag (gtag.js) - Google Analytics -->
28
29
30	<meta http-equiv="X-UA-Compatible" content="IE=edge">
31	<meta charset="utf-8">
32	<meta name="keywords" content="">
33	<link rel="stylesheet" href="css/main.css?20260519">
34	<link rel="stylesheet" href="css/animation.css?20260924">
35	<link rel="shortcut icon" href="images/favicon_3.png"> 
36	<meta name="viewport" content="width=500, maximum-scale=1.0, user-scalable=yes">
37	<!--
38	
38<script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
38
39
40	
40<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2364966780037480"
41     crossorigin="anonymous"></script>
41
42	-->
43
44
45  <!-- animsition.css -->
46  <link rel="stylesheet" href="css/animsition.min.css">
47  <!-- jQuery -->
48  
48<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
48
49  <!-- animsition.js -->
50  
50<script src="js/animsition.min.js"></script>
50
51
52
53
54  
54<script>
55    $(document).ready(function() {
56      $(".animsition").animsition({
57        //inClass: 'fade-in-up-sm',
58        outClass: 'fade-out-up-sm',
59        //inDuration: 1500,
60        outDuration: 800,
61        // e.g. linkElement: '.animsition-link',
62        linkElement: 'a:not([target="_blank"]):not([href^="#"])',
63        loading: true,
64        loadingParentElement: 'body', //animsition wrapper element
65        loadingClass: 'animsition-loading',
66        loadingInner: '', // e.g '<img src="loading.svg" />'
67        timeout: false,
68        timeoutCountdown: 5000,
69        onLoadEvent: true,
70        browser: [ 'animation-duration', '-webkit-animation-duration'],
71        // "browser" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
72        // The default setting is to disable the "animsition" in a browser that does not support "animation-duration".
73        overlay : false,
74        overlayClass : 'animsition-overlay-slide',
75        overlayParentElement : 'body',
76        transition: function(url){ window.location.href = url; }
77      });
78    });
79  </script>
79</head>
80
81<body class=" color-betsu-p2">
82	<div class="animsition">
83	
84	<div class="left_nav">
85		<nav>
86			<ul>
87				<li><a class="active" href="kotonoru.html" id="link_js_top">コトノル</a></li>
88				<li><a href="kotonoru-semicondensed.html" id="link_js_tokuchou">コトノル セミコンデンス</a></li>
89				<li><a href="kotonoru-condensed.html" id="link_js_shotaimihon">コトノル コンデンス</a></li>
90				<!--
91				<li><a href="kotonode.html" id="link_js_top">コトノデ</a></li>
92				<li><a href="kotonode-semicondensed.html" id="link_js_tokuchou">コトノデ セミコンデンス</a></li>
93				<li><a href="kotonode-condensed.html" id="link_js_shotaimihon">コトノデ コンデンス</a></li>
94				-->
95			</ul>
96		</nav>
97	</div>
98
99	<header class="header">
100		<section>
101			<div class="sitetitle"><a href="index.html"><b>コトノハ</b>ワークス</a></div>
102			<nav class="pankuzu">
103				<ol>
104					<li><a href="index.html">トップ</a></li>
105					<li><a href="fonts.html">フォント</a></li>
106					<li><span>コトノル</span></li>
107				</ol>
108			</nav>
109			<nav class="subpage_nav">
110				<ul>
111					<li class="link_header-right"><a href="fonts.html">フォント一覧</a></li>
112				</ul>
113			</nav>
114		</section>
115	</header>
116
117
118	
119	<nav id="top" class="nav_mokuji">
120		<ul class="mokuji">
121			<li><a class="active" href="#top">トップ</a></li>
122			<li><a href="#tokuchou">特長</a></li>
123			<li><a href="#shotaimihon">書体見本</a></li>
124			<li><a href="#shiyou">仕様</a></li>
125			<li><a href="#license">ライセンス</a></li>
126			<li><a href="#hanbai-site">ご購入</a></li>
127		</ul>
128	</nav>
129	<div class="main-visual" id="top">
130		<div class="main-visual_img">
131			<section>
132				<h1 class="font-mei">
133					<span><b>コトノル</b></span> <span>フォント</span>
134				</h1>
135				<p class="catchcopy">
136					<span>モダンな</span><span>印象を与える</span>
137					<span>落ち着いた</span><span>佇まいの</span>
138					<span>Typeface Design</span>
139				</p>
140				<!--
141				<h1 class="catchcopy"><span><b>モダン</b>で程よい</span><span>「落ち着き」感ある</span><span>Design</span></h1>
142				-->
143				<p>
144					<span>直線的な描写も多用し、</span><span>全体的にモダンかつ</span><span>スタイリッシュなDesignを</span><span>追求した「コトノル」。</span><span>仮名の懐が狭めで、</span><span>程よく落ち着いた</span><span>雰囲気があります。</span><span>文字の種類ごとに</span><span>字面の大きさを</span><span>調整することで、</span><span>新たな文字組の</span><span>可能性を</span><span>模索しました。</span><span>漢字やひらがな・カタカナ、</span><span>数字(0123…)やAlphabet…。</span><span>これらが交じり合う</span><span>現代の日本語の</span><span>文章において、</span><span>統一感のある</span><span>雰囲気を与えます。</span>
145				</p>
146				<p class="main-visual_point">
147					<span>表現の幅が広がる</span><strong><b>10</b>段階のウェイトあり</strong>
148				</p>
149				<ul>
150					<li>商用利用も可能</li>
151					<li>Mac / Windows 対応</li>
152					<li>JIS第二水準漢字までカバー</li>
153				</ul>
154			</section>
155		</div>
156	</div>
157
158	<section class="main_content border-bottom">
159	</section>
160
161	
162	<nav id="tokuchou" class="nav_mokuji">
163		<ul class="mokuji">
164			<li><a href="#top">トップ</a></li>
165			<li><a class="active" href="#tokuchou">特長</a></li>
166			<li><a href="#shotaimihon">書体見本</a></li>
167			<li><a href="#shiyou">仕様</a></li>
168			<li><a href="#license">ライセンス</a></li>
169			<li><a href="#hanbai-site">ご購入</a></li>
170		</ul>
171	</nav>
172	<section class="main_content border-bottom">
173		<h2 class="main_title"><span class="midashi_suuji">01</span>コトノル フォントの特長</h2>
174
175		<div class="text-cnt">
176			<h3 class="main_h3">
177				モダンかつスタイリッシュな文字組
178			</h3>
179			<p class="mihon_main">
180				<img src="images/kotonoru_mihon_0.png" alt="スタイリッシュでかっこいいゴシック体「コトノル」フォント" />
181				<img src="images/kotonoru_mihon_1.png" alt="日本語見本" />
182				<img src="images/kotonoru_mihon_2.png" alt="英数字見本" />
183			</p>
184			<p class="honbun_compact">
185				「コトノル」フォントは、モダンさとスタイリッシュさ、シンプルさを追い求めたデザインです。現代的なさまざまな場面の雰囲気に合うよう、直線的な描写も意識しつつも、なるべく読みやすい字形になるように仕上げました。上の画像はそれぞれ、「さまざまな種類の文字が使われている日本語」と「英数字のみ」の見本となりますが、当ページでWebフォントが適用されている場合、本文や見出しもすべて「コトノル」フォントで表示されています。
186			</p>
187			<div class="chuushaku">
188				<ul class="kome">
189					<li>ご使用のブラウザー環境・ネット回線状況などによっては、当ページのWebフォントが適用されていない場合もあります。</li>
190				</ul>
191			</div>
192		</div>
193
194		<div class="text-cnt content_semame">
195			<h3 class="main_h3">
196				仮名の懐は狭めで、程よく落ち着いた雰囲気
197			</h3>
198			<p class="honbun_compact">
199				「コトノル」フォントは、仮名の懐が<a href="kotonode.html">「コトノデ」フォント</a>よりも狭く設定されており、比較的落ち着きのある雰囲気があります。コトノル・コトノデともに、仮名以外の文字(漢字や英数字、記号など)は同じデザインですが、文章内で大きな割合を占めるひらがなã
199¨ã‚«ã‚¿ã‚«ãƒŠã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒé•うことで、文章全体のイメージも変わってきます。
200			</p>
201		</div>
202
203
204		<div class="text-cnt content_semame">
205			<h3 class="main_h3">
206				直線と曲線のバランス
207			</h3>
208			<p class="mihon_main">
209				<img src="images/ktnr_mihon_jikei-concept.png" alt="字形のコンセプト" />
210			</p>
211			<p>
212				「コトノル」フォントは、一般的なゴシック体のデザインと道路にペイントされた直線的な文字の中間的な特徴があります。一般的なゴシック体と比べると曲線が控えめで、違和感のない範囲で直線に近い描写もあります。上の画像にもあるとおり、「本」という字もそのようにデザインされています。
213			</p>
214		</div>
215
216		<div class="text-cnt content_semame">
217			<h3 class="main_h3">
218				仮名文字・漢字・英数字に共通のベースラインを設定
219			</h3>
220			<p>
221				<img src="images/ktnr_mihon_baseline.png" alt="" />
222			</p>
223			<p>
224				英数字だけでなく平仮名・片仮名さらには漢字においても、基準となるラインをもとにデザインを行いました。これにより、アルファベットや数字の混在した日本語文章においても、統一感のある雰囲気が出るようになりました。なお、「基準となるライン」は、通常の英字フォントのベースラインとは高さが異なっていることをご了承ください。
225			</p>
226		</div>
227
228		<div class="text-cnt content_semame">
229			<h3 class="main_h3">
230				漢字は大きめのデザインでメリハリ感
231			</h3>
232			<p>
233				<img src="images/ktnr_mihon_kanji-size.png" alt="" />
234			</p>
235			<p>
236				一般的な漢字フォントに比べて平仮名・片仮名のデザインを少し小さくすることで、文字を組んで全体を眺めてみると、メリハリを感じられます。
237			</p>
238		</div>
239
240		<div class="text-cnt content_semame">
241			<h3 class="main_h3">
242				濁点・半濁点のスペースを設定
243			</h3>
244			<p>
245				<img src="images/ktnr_mihon_dakuten.png" alt="" />
246			</p>
247			<p>
248				仮名文字における濁点・半濁音のスペースを設定しました。
249			</p>
250			<div class="chuushaku">
251				<ul class="kome">
252					<li>ただし、「じ」など一部の文字は右上のスペースに余裕があるため、その文字自体のバランスを重視した位置に濁点を配置しています。</li>
253				</ul>
254			</div>
255		</div>
256
257		<div class="text-cnt content_semame">
258			<h3 class="main_h3">幅広いウェイトを用意しており本文から見出しまで利用可能</h3>
259			<p>
260				<img src="images/ktnr_mihon_family.png" alt="" />
261			</p>
262			<p>
263				コトノル フォントは、幅広いウェイトを用意しています。もっとも太いBlackから、Heavy、ExtraBold、Bold、SemiBold、Medium、Regular、Light、ExtraLight、そしてもっとも細いThinまで10段階あり、表現の幅も広がります。見出しや本文、インパクトのある表現から繊細なデザインまで、さまざまな表現が可能です。
264			</p>
265		</div>
266
267		<div class="text-cnt">
268			<h3 class="main_h3">
269				<span class="labelcolor_1">オススメ</span>モダンなデザインを演出したい場面におすすめ
270			</h3>
271			<p>
272				<img src="images/ktnr_mihon_modern.png" alt="" />
273			</p>
274			<p class="honbun_compact">
275				コトノル フォントは曲線と直線を適度に織り交ぜたデザインで、モダンな雰囲気を演出するのに向いています。文字一つ一つはもちろんのこと、文章全体で見ても一つの作品として見えるよう、全体的な調整も行ないました。<br />
276				通常の文書だけでなく、商品パッケージや書籍表紙、製品自体への印字など、さまざまな場面で現代的なイメージを与えられます。
277			</p>
278		</div>
279
280	</section>
281
282	
283	<nav id="shotaimihon" class="nav_mokuji">
284		<ul class="mokuji">
285			<li><a href="#top">トップ</a></li>
286			<li><a href="#tokuchou">特長</a></li>
287			<li><a class="active" href="#shotaimihon">書体見本</a></li>
288			<li><a href="#shiyou">仕様</a></li>
289			<li><a href="#license">ライセンス</a></li>
290			<li><a href="#hanbai-site">ご購入</a></li>
291		</ul>
292	</nav>
293	<section class="main_content border-bottom">
294		<h2 class="main_title"><span class="midashi_suuji">02</span>書体見本</h2>
295
296		<div class="text-cnt">
297			<p>
298				コトノル フォントは、超極太の「Black」から超極細の「Thin」まで10段階のウェイトがあります。それぞれの見本は画像をクリック(タップ)すると確認できます。
299			</p>
300			
301			<ul class="font_mihon_list">
302				<li><a href="kotonoru-black.html"><img src="images/thumbnail_ktnr_Black.png" alt="コトノルBlack"></a></li>
303				<li><a href="kotonoru-heavy.html"><img src="images/thumbnail_ktnr_Heavy.png" alt="コトノルHeavy"></a></li>
304				<li><a href="kotonoru-extrabold.html"><img src="images/thumbnail_ktnr_ExtraBold.png" alt="コトノルExtraBold"></a></li>
305				<li><a href="kotonoru-bold.html"><img src="images/thumbnail_ktnr_Bold.png" alt="コトノルBold"></a></li>
306				<li><a href="kotonoru-semibold.html"><img src="images/thumbnail_ktnr_SemiBold.png" alt="コトノルSemiBold"></a></li>
307				<li><a href="kotonoru-medium.html"><img src="images/thumbnail_ktnr_Medium.png" alt="コトノルMedium"></a></li>
308				<li><a href="kotonoru-regular.html"><img src="images/thumbnail_ktnr_Regular.png" alt="コトノルRegular"></a></li>
309				<li><a href="kotonoru-light.html"><img src="images/thumbnail_ktnr_Light.png" alt="コトノルLight"></a></li>
310				<li><a href="kotonoru-extralight.html"><img src="images/thumbnail_ktnr_ExtraLight.png" alt="コトノルExtraLight"></a></li>
311				<li><a href="kotonoru-thin.html"><img src="images/thumbnail_ktnr_Thin.png" alt="コトノルThin"></a></li>
312			</ul>		</div>
313	</section>
314
315	
316	<nav id="shiyou" class="nav_mokuji">
317		<ul class="mokuji">
318			<li><a href="#top">トップ</a></li>
319			<li><a href="#tokuchou">特長</a></li>
320			<li><a href="#shotaimihon">書体見本</a></li>
321			<li><a class="active" href="#shiyou">仕様</a></li>
322			<li><a href="#license">ライセンス</a></li>
323			<li><a href="#hanbai-site">ご購入</a></li>
324		</ul>
325	</nav>
326	<section class="main_content border-bottom">
327		<h2 class="main_title"><span class="midashi_suuji">03</span>コトノル フォントの仕様</h2>
328
329		
330		<div class="text-cnt">
331			<h3 class="main_h3">
332				フォントの形式・動作環境
333			</h3>
334			<table>
335				<tr>
336					<th style="width:100px;">フォント形式</th>
337					<td>OpenType形式(拡張子「.otf」)</td>
338				</tr>
339				<tr>
340					<th>動作環境</th>
341					<td>Mac、Windows<br />(すべてのアプリで利用できる保証はありません。無料試用版で必ず動作をご確認ください)</td>
342				</tr>
343				<tr>
344					<th>収録文字</th>
345					<td>ひらがな、カタカナ、常用漢字、JIS第一水準漢字、JIS第二水準漢字、英数字、ギリシャ文字<br />(参考:<a href="shuuroku-moji.html">収録文字一覧を見本とともに確認</a>)</td>
346				</tr>
347				<tr>
348					<th>漢字の字形</th>
349					<td>JIS2004</td>
350				</tr>
351				<tr>
352					<th>制作アプリ</th>
353					<td>Glyphs 3</td>
354				</tr>
355			</table>
356		</div>
357
358
359		<h3 class="main_h3_center">
360			<span>一般的な</span><span>日本語フォントと</span><span>異なる仕様に</span><span>ご注意ください</span>
361		</h3>
362
363		<div class="text-cnt content_semame">
364			<h4>上下にはみ出たデザインのため使用環境に注意</h4>
365			<p>
366				通常の日本語フォントとは異なり、上下にはみ出たデザインになっています。そのため、使用環境によっては文字の一部が見切れたりする場合があります。もしご購入前に確認したい場合は、「が」「ぱ」などの濁点・半濁点の付いた文字や、「g」などの下に伸びた文字できちんと表示できているかを、<span class="not_kotonode">同様に上下にはみ出ている</span>「コトノデ無料試用版」でご確認ください。
367			</p>
368
369			<h4>行間を十分に取る必要がある</h4>
370			<p>
371				本フォントは、日本語フォントの字面の大きさにベースラインを設定し、それをもとに英数字をデザインしたため、全体的に行間を大きく確保する必要があります。行間を狭くしたい場面においては、デザインがゴチャゴチャしてしまい、可読性も損なわれてしまいますのでご注意ください。
372			</p>
373
374			<h4>英字同様、漢字もウェイトによって文字幅が変わる</h4>
375			<p>
376				通常の日本語フォントにおいては、漢字はどのウェイトも同じ文字幅になっていますが、このフォントにおいては欧文同様、漢字においてもウェイトによって文字幅が変わります。ウェイトが太くなればなるほど、文字幅も若干大きくなっていきます。スペースの限られた箇所での使用や、Web制作においてマウスオーバーでウェイトを変更する演出などをしたい場合はご注意ください。
377			</p>
378			
379			<h4>縦書きでの利用にはあまり向いていない</h4>
380			<p>
381				本フォントは横書きにのみ最適化されているため、縦書きのデザインにはあまり向いていません。ただし、縦書き用に仮名の濁点の位置を調整しており利用する分には問題ありません。
382			</p>
383		</div>
384	</section>
385
386
387
388	
389	<nav id="license" class="nav_mokuji">
390		<ul class="mokuji">
391			<li><a href="#top">トップ</a></li>
392			<li><a href="#tokuchou">特長</a></li>
393			<li><a href="#shotaimihon">書体見本</a></li>
394			<li><a href="#shiyou">仕様</a></li>
395			<li><a class="active" href="#license">ライセンス</a></li>
396			<li><a href="#hanbai-site">ご購入</a></li>
397		</ul>
398	</nav>
399	<section class="main_content border-bottom">
400		<h2 class="main_title"><span class="midashi_suuji">04</span>ご購入前にご確認ください</h2>
401		<div class="text-cnt content_semame">
402
403			
404			<h3 class="main_h3">
405				利用規約(BOOTHで購入の場合)
406			</h3>
407			<div class="box">
408				<h4>■ 使用許諾契約</h4>
409				<p>
410					BOOTH(booth.pm)で販売するコトノハワークスのフォントデータ(以下「本ソフトウェア」)は、本契約に定める条件において使用する権利を許諾します。<br />本ソフトウェアの著作権その他一切の権利はコトノハワークスに帰属しています。
411				</p>
412				<h4>【使用の範囲】</h4>
413				<ol>
414					<li>ご購入者様(「ギフト機能」による入手も含む)は、計3台までのデバイスに本ソフトウェアをインストールして使用することができます。</li>
415					<li>
416						本ソフトウェアは以下に示す条件で、商用・非商用いずれの場面においても使用することができます(別途ライセンスや手続きは不要です)。利用にあたっては、文字デザインを変形・加工することも可能です。
417						<ol>
418							<li>一般的な印刷物での利用</li>
419							<li>製品に印字するかたちでの利用</li>
420							<li>Web媒体・映像媒体におけるアウトライン化または画像化さã
420‚ŒãŸãƒ‡ãƒ¼ã‚¿ã§ã®åˆ©ç”¨</li>
421							<li>ロゴやタイトルのデザインとしての利用</li>
422						</ol>
423					</li>
424				</ol>
425				<h4>【禁止事項】</h4>
426				<ol>
427					<li>ご購入者様は、本ソフトウェアを第三者に譲渡・貸与・販売することはできません。</li>
428					<li>ご購入者様は、本ソフトウェアを改変することはできません。また、本ソフトウェアのデータから生成されたデータをもとに別のソフトウェアを作成することはできません。</li>
429					<li>ご購入者様は、本ソフトウェアを非公開設定のない状態でオンライン上のサーバー上にアップロードすることはできません。</li>
430					<li>ご購入者様は、本ソフトウェアをアプリケーションに<a href="kumikomi.html">組み込んで</a>第三者に譲渡・貸与・販売することはできません。</li>
431				</ol>
432				<h4>【保証範囲・免責事項】</h4>
433				<ol>
434					<li>本ソフトウェアのインストール・アンインストールなどに伴う技術的なサポートは行っておりません。</li>
435					<li>本ソフトウェアに著しい誤字などが発見された際は修正に努めます。また、修正版に関して、追加料金はかからないものとします。</li>
436					<li>本ソフトウェアを使用して発生したと思われるいかなる問題(直接的または間接的な損失、逸失利益など)においても、コトノハワークスは補償・賠償およびその他の費用などの責任を負いません。</li>
437				</ol>
438				<h4>【本規約の更新について】</h4>
439				<ol>
440					<li>本規約は、今後予告なしに更新されることがあります。</li>
441					<li>本規約の更新によりライセンスの範囲が拡大する場合、それ以前のご購入者様も拡大されたライセンスの範囲での利用が原則可能です。</li>
442					<li>本規約の更新によりライセンスの範囲が縮小する場合、それ以前のご購入者様においては縮小前のライセンスの範囲での利用が、引き続き原則可能です。規約更新前の成果物への対応を強いるものではありません。</li>
443				</ol>
444				<h4>【その他】</h4>
445				<ol>
446					<li>上記に記載のない条項に関しては、著作権法および関連法規に従うものとします。</li>
447					<li>本ソフトウェアは、今後予告なしに更新されることがあります。</li>
448				</ol>
449				<h4>更新履歴</h4>
450				<ul>
451					<li>2023年3月17日 制定</li>
452					<li>2025年10月10日 更新
453						<ul>
454							<li>ご購入者様がデバイスにインストールできる台数を、「2台まで」から「3台まで」に、ライセンス範囲を拡大しました(【使用の範囲】→1)。</li>
455							<li>利用規約の更新で、ライセンス範囲が制限されることは極力避ける方針ですが、やむを得ず規約の更新によってライセンス範囲が狭まったとしても、それ以前にご購入いただいた方にご負担や不利益が被らないよう、規約に明記しました(【本規約の更新について】→3)。</li>
456							<li>その他、項目名の変更や統合、文言調整を行いました。</li>
457						</ul>
458					</li>
459				</ul>
460			</div>
461			<a href="faq.html" class="btn_right">FAQ</a>
462			<h3 class="main_h3">免責事項</h3>
463			<p class="honbun_compact">
464				すべての環境に対応する保証はできませんので、有料版をご購入いただく際は、以下の「無料試用版での動作・表示確認」と「収録文字の確認」をご確認ください。ダウンロード商品という性質上、返品ができません。 また、無料試用版・有料版ともに、このフォントが原因で起きたいかなるトラブルに関しまして、本サイトおよびフォント製作者はなんら責任を負わないことをご了承ください。
465			</p>
466			<h3 class="main_h3">無料試用版での動作・表示確認</h3>
467			<p class="honbun_compact">
468				利用するアプリで正常に動作するかは、同様に上下に飛び出したデザインの「コトノデ無料試用版」でご確認ください。特に、濁点・半濁点が一部または全部削れずに表示されているか、「j」などの文字の下部分が削れていないかなどもご確認ください。
469			</p>
470			<h3 class="main_h3">収録文字の確認</h3>
471			<p class="honbun_compact">
472				収録文字をご確認ください。特に漢字は、他のフォントに含まれていて本フォントには含まれていないという場合もあります。
473			</p>
474			<p><a href="shuuroku-moji.html" class="btn_right">収録文字一覧を見本とともに確認する</a></p>
475			<h3 class="main_h3">収録字形の確認</h3>
476			<p>
477				<img src="images/ktnr_mihon_kanji-design.png" alt="" />
478			</p>
479			<p class="honbun_compact">
480				収録字形をご確認ください。漢字のデザインは一般的なゴシック体とは異なる部分があります。上の見本はNotoSansとの比較です。ハネや一部パーツのデザインが大きく異なります。
481			</p>
482		</div>	
483	</section>
484
485	
486	<nav id="hanbai-site" class="nav_mokuji">
487		<ul class="mokuji">
488			<li><a href="#top">トップ</a></li>
489			<li><a href="#tokuchou">特長</a></li>
490			<li><a href="#shotaimihon">書体見本</a></li>
491			<li><a href="#shiyou">仕様</a></li>
492			<li><a href="#license">ライセンス</a></li>
493			<li><a class="active" href="#hanbai-site">ご購入</a></li>
494		</ul>
495	</nav>
496	<section id="hanbai-site" class="main_content">
497		<h2 class="main_title"><span class="midashi_suuji">05</span>販売サイトへ</h2>
498		<div class="text-cnt content_semame">
499			<p class="centering">ここは公式の紹介ページです。<br />ご購入にあたっては、以上の事項に承諾のうえ、<br />以下の販売サイトよりご購入ください。</p>
500			<h3 class="main_h3 centering">BOOTHでご購入</h3>
501			<a href="https://dkf.booth.pm/items/5542056" class="btn"><span class="label_kintou">BOOTH</span><span class="btn_kintou">販売ページへ</span></a>
502			<!--
503			<a href="https://dkf.booth.pm/items/5542072" class="btn"><span class="label_kintou">ご購入前に</span><span class="btn_kintou">無料試用版はこちら</span></a>
504			-->
505			<div class="hosokulink">
506				<span class="btn_kintou">同様に上下に飛び出たデザインの<a href="https://dkf.booth.pm/items/2727320">「コトノデ」無料試用版をこちらからダウンロード</a>して動作を確認できます。</span><br />
507				(「コトノル」無料試用版は公開を終了いたしました。)
508			</div>
509			<h3 class="main_h3 centering">designpocketでご購入</h3>
510			<p class="centering"><a href="https://designpocket.jp/font?search=1&brand=574&item_name=%E3%82%B3%E3%83%88%E3%83%8E%E3%83%AB">designpocket</a>でも販売しています。購入前に、商品ページの使用許諾をご確認ください。</p>
511		</div>
512	</section>
513
514	<section class="main_content">
515		<h2 class="main_title"><span class="midashi_suuji">+</span>フォント一覧</h2>
516
517		<div class="text-cnt">
518			<p>
519				当サイトで紹介しているフォント一覧です。併せてご検討ください。
520			</p>
521			
522			<h3 class="main_h3">モダン&スタイリッシュ系</h3>
523			<ul class="font_mihon_list">
524				<li><a href="kotonoru.html" class="animsition-link"><img src="images/thumbnail_kotonoru.png" alt="コトノル"></a></li>
525				<li><a href="kotonoru-semicondensed.html"><img src="images/thumbnail_kotonoru-sc.png" alt="コトノル セミコンデンス"></a></li>
526				<li><a href="kotonoru-condensed.html"><img src="images/thumbnail_kotonoru-c.png" alt="コトノル コンデンス"></a></li>
527
528				<li><a href="kotonode.html"><img src="images/thumbnail_kotonode.png" alt="コトノデ"></a></li>
529				<li><a href="kotonode-semicondensed.html"><img src="images/thumbnail_kotonode-sc.png" alt="コトノデ セミコンデンス"></a></li>
530				<li><a href="kotonode-condensed.html"><img src="images/thumbnail_kotonode-c.png" alt="コトノデ コンデンス"></a></li>
531
532				<li><a href="kotonomo.html"><img src="images/thumbnail_kotonomo.png" alt="コトノモ"></a></li>
533				<li><a href="kotonomo-semicondensed.html"><img src="images/thumbnail_kotonomo-sc.png" alt="コトノモ セミコンデンス"></a></li>
534				<li><a href="kotonomo-condensed.html"><img src="images/thumbnail_kotonomo-c.png" alt="コトノモ コンデンス"></a></li>
535			</ul>
536			<h3 class="main_h3">ノスタルジー系</h3>
537			<ul class="font_mihon_list">
538				<li><a href="yukoku.html"><img src="images/thumbnail_yukoku.png" alt="ユウコク"></a></li>
539			</ul>
540			<h3 class="main_h3">エモい系</h3>
541			<ul class="font_mihon_list">
542				<li><a href="itsukanogunjo.html"><img src="images/thumbnail_itsugun.png" alt="いつかの群青レター"></a></li>
543				<li><a href="itsukanomatataki.html"><img src="images/thumbnail_itsushun.png" alt="いつかの瞬きフィルム"></a></li>
544				<li><a href="itsukanoramune.html"><img src="images/thumbnail_itsuramu.png" alt="いつかのラムネとリンゴ飴"></a></li>
545			</ul>
546
547			<a href="fonts.html" class="btn_right">すべてのフォントを見る</a>		</div>
548	</section>
549
550	<section class="main_content">
551		<div class="text-cnt">
552			<h3 class="main_h3_center">
553				バージョンアップ情報
554			</h3>
555			<p>
556				BOOTHで以前のバージョンのコトノル フォントをご購入いただいていた場合、購入履歴画面より最新バージョンが再ダウンロード可能です。<br />
557				旧バージョンのフォントファイルはバックアップを取り、フォントを更新した際は、成果物のレイアウトに崩れがないか必ずご確認ください。
558			</p>
559			<table>
560				<tr>
561					<th style="width: 220px;">Ver.2.160 - 2024/03/02</th>
562					<td>「コトノル」フォントをリリースしました(バージョン番号が2から始まっているのは、「コトノデ」フォントと番号を揃えているためです)。</td>
563				</tr>
564				<tr>
565					<th>Ver.2.700 - 2024/04/22</th>
566					<td>「粂」の文字を修正しました。漢字約4,000字をより自然なデザインに見えるよう改善しました。また、一部の仮名文字を微調整しました。</td>
567				</tr>
568				<tr>
569					<th>Ver.3.000 - 2024/05/16</th>
570					<td>残りの漢字もより自然なデザインに見えるよう改善しました。「<a href="tokushu-byan.html">𰻞</a>」などの漢字を追加しました。</td>
571				</tr>
572				<tr>
573					<th>Ver.3.100 - 2024/05/28</th>
574					<td>仮名、漢字の文字間隔を広げ、一般的なフォントと同程度にしました。これにより、わざわざ文字間隔を調整しなくても、読みやすい状態になりました。また、このタイミングでフォント名の末尾に「Kw-N」を追加しました。</td>
575				</tr>
576				<tr>
577					<th>Ver.3.230 - 2024/07/25</th>
578					<td>いくつかの文字のデザインを微調整しました。</td>
579				</tr>
580				<tr>
581					<th>Ver.3.400 - 2024/08/05</th>
582					<td>いくつかの文字のデザインを微調整しました。</td>
583				</tr>
584				<tr>
585					<th>Ver.3.410 - 2024/08/15</th>
586					<td>「鍛」の文字を修正しました(11・12画目)。</td>
587				</tr>
588				<tr>
589					<th>Ver.3.412 - 2024/08/22</th>
590					<td>いくつかの文字のデザインを微調整しました。</td>
591				</tr>
592				<tr>
593					<th>Ver.3.600 - 2025/01/14</th>
594					<td>一部の文字の表示崩れを修正しました。</td>
595				</tr>
596				<tr>
597					<th>Ver.4.105 - 2025/03/25</th>
598					<td>濁点の位置を微調整しました。いくつかの文字のデザインを微調整しました。</td>
599				</tr>
600				<tr>
601					<th>Ver.4.106 - 2025/09/08</th>
602					<td>一部カタカナのデザインを微調整しました。「以」「似」などを画数に忠実なデザインに変更しました。「篝」をJIS2004字形に変更しました。</td>
603				</tr>
604				<tr>
605					<th>Ver.7.110 - 2026/08/24</th>
606					<td>「ð」「冕」の誤字を修正しました。<br />主に英数字において、曲線と直線の遷移がなめらかになるよう調整しました。<br />細かな表示崩れを修正しました。<br />仮名文字の字間調整をしました。<br />その他デザイン調整を行いました。各ウェイトの太さ微調整を行いました。<br />Glyphs 3.4 (3434)でのフォント出力に変更しました(以前はGlyphs 3.2.3 (3236))。<br />コトノルシリーズ(標準幅・コンデンス・セミコンデンス)におけるこれらの修正詳細および更新の注意点は<a href="https://kotonohaworks.com/shiryou-pdf/update_kotonoru-n-sc-c_ver7-1.pdf" target="_blank">こちらのPDF</a>で図解しています。<br />各販売サイトにおいて、順次フォントファイルが更新されます。</td>
607				</tr>
608			</table>
609		</div>
610	</section>
611
612
613	</div>
614	
615	<footer>
616		<section>
617			<small>&copy; Kotonoha Works</small>
618			<nav>
619				<ul>
620					<li><a href="index.html">コトノハワークス HOME</a></li>
621					<li><a href="privacy.html">プライバシーポリシー</a></li>
622					<li><a href="security.html">情報セキュリティ方針</a></li>
623					<li><a href="about.html">運営者情報・お問い合わせ</a></li>
624				</ul>
625			</nav>
626		</section>
627	</footer>
628	
628<script src="https://font.realtype.jp/api/script/v4" data-rt-user="MQjeQJ3yumW4DLf3LwRrPoyFLdCQPq00"></script>
628
629
630</body>
631</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.