時刻表っぽいフォント — DiaPro

DiaPro とは?

時刻表風の数字や記号などを集めたフォントです。

直接例を見ればわかりやすい。たとえば下の表は一切の画像を使うことなく、Web Font だけで組まれています。

Inbound

高崎線
・上越線
線  名
営業キロ
列 車 番 号3720M612M820M30122100Y2100Y822M824M2022
列 車 名
Kaisoku

ーンライトえちご
Kyuko
能  登
GreenNonreservedLimitedSleeperTokkyu
北  陸
Kaisoku
GreenNonreserved
Kaisoku
GreenNonreserved
Kaisoku
GreenNonreserved
LimitedSleeperTokkyu
あけぼの
上   越   線
0.0水  上
新潟2335発

金沢2212発

金沢2215発

青森1809発
5.4上  牧
12.5後  閑SleeperASingle
SleeperB
SleeperBSingle
SleeperASingle
SleeperB
SleeperBSingle
17.7沼  田
22.8岩  本
28.6津 久 田
31.6敷  島
38.0渋 川{
土曜休日運休
}
41.4八 木 原
47.0群馬総社
51.8新前橋
-500
55.1井  野-503
56.3高崎問屋町-506
59.1高 崎-336-403-444-509-515
高    崎    線
-337-437-446-510-517
63.5倉 賀 野{
土曜休日運休
}

(
土曜休日運転
)
-515
69.6新  町-520
74.1神 保 原-524
78.1本  庄-528
83.7岡  部-533
88.0深  谷-537
92.8籠  原-506-526-526-533-542
99.4熊 谷-507-512-532-532-538-547
-508-513-532-532-539-548
104.2行  田-517-537-537-543-552
106.5吹  上GreenReserved
AllReserved
GreenReserved
Reserved
-520-540-540-547-555
109.5北 鴻 巣-524-544-544-550-559
113.8鴻  巣-528-548-548-554-603
117.4北  本
(
女性専用車両連結
)

(
女性専用車両連結
)
-532-552-552-558-607
122.0桶  川-536-556-556-603-611
123.9北 上 尾-539-559-559-605-614
125.6上  尾-541-601-601-608-617
129.8宮  原-545-605-605-612-621
133.8大 宮-430-539-549-553-610-610-617-625-631
東北本線
-430-540-550-554-611-611-618-626-631
135.4
さいたま新都心
-552-620-628
139.9浦  和-556-624-632
150.9赤  羽-605-623-623-633-641
155.9尾  久|-610||-638-646
160.5上  野|-605-615||-645-652-658
到 着 番 線PlatformXVIPlatformVIPlatformXIVPlatformVPlatformVIPlatformXIII
終     着新宿
-510
平塚
-741
小田原
-808

DiaPro の特徴

DiaPro は印刷用だけでなく、ヒントというスクリーン表示最適化情報も持ち、Web Font としても本領発揮することができます。 たとえば乗り換え案内サイトや携帯アプリで本領発揮できそうです。

DiaPro の記号は OpenType の合字(リガチャー)として定義されています。 そのためフォントの適用ができない場合(サーチエンジンのSEOなど)でも意味が読めます

多くの記号は英語と日本語(ひらがな)の2通りの合字を提供しており、覚えやすいと思います。

リガチャーという新しいっぽい技術を利用していますが、主要ブラウザほぼ対応済み。 以下のブラウザはテスト済みです:Chrome(Win・Android)・Firefox・Safari(Mac・iOS)・IE10以上

太い数字

時刻表数字を2種類提供しています。

太い数字は、全角数字に置いてあります。 それ以外に、半角数字の OpenType フィーチャー「タイトル文字(titl)」でも表示可能にしています。

Adobe CS/CC であれば、半角数字を選択し、OpenType 機能から「タイトル文字」を指定したら、太い数字になります。

OpenType に対応できない処理系のために、太字バージョンの DiaPro-Bold.otf も提供していますが、 こちらの利用はヒント情報などが少ないなどの理由でお勧めしません。

アルファベットとひらがな

リガチャーの入力用として、このフォントには仮のアルファベットとひらがなが入っています。

将来はアップデートなどの理由で、アルファベットとひらがなが変更される場合がありますので、欧文フォントやかなフォントとしての利用はお勧めしません。

なお、現バージョンの欧文は themnific さんの Keytin Light、 和文は M+ FONTS さんの M+ OUTLINE FONTS から借用しています。 ありがとうございます。

Web Font の注意事項

ブラウザによってリガチャーの対応がバラバラというのが現状です。

たとえば Chrome では欧文とかな両方含む合字が動きません。 そのためたとえば「Platform0」のほかに「PlatformZero」という解決策も用意しています。 当分の間、多くのブラウザに対応できるよう、このバージョンの利用がお勧めですが、ご自分でブラウザの対応状況を実験してください。

太い数字の titl フィーチャーは、たとえば b タグなどに定義したほうが使いやすいかもしれません。

CSS設定の一例:

<style>
	@font-face {
		font-family: DiaPro;
		src: url("DiaPro-Regular.otf")  format('opentype'),
			url("DiaPro-Regular.woff") format('woff'),
			url("DiaPro-Regular.eot") format('eot');
	}

	.dia {
		font-family: DiaPro;
		-moz-font-feature-settings: "rlig=1";
		-ms-font-feature-settings: "rlig";
		-webkit-font-feature-settings: "rlig";
		-o-font-feature-settings: "rlig";
		font-feature-settings: "rlig";
	}

	.dia b { /* 太い数字 */
		font-weight: normal;
		font-family: DiaPro;
		-moz-font-feature-settings: "titl=1";
		-ms-font-feature-settings: "titl";
		-webkit-font-feature-settings: "titl";
		-o-font-feature-settings: "titl";
		font-feature-settings: "titl";
	}
</style>

テストボックス(直接入力して使ってみてください)

数字や、「GreenReserved」「きんえんしゃ」とか入力して、リガチャーをテストしてください!

文字・記号一覧

記号意味文字文字コード欧文合字かな合字
数字
3 時刻表数字 3 &#51;
3 時刻表数字 &#xff13; 半角数字の titl(タイトル文字)も表示可能
  スペース(数字幅)   &#32;
- スペース(数字幅) - &#45;
時刻欄記号
通過 &#x2193;
通過 &#x2191;
| 他線区経由 | &#124;
照準線 &#x2500;
= 終点 = &#61;
時刻無し &#x2025;
連結線
分割・連結・変更など &#x2b0e;
分割・連結・変更など &#x2b0f;
分割・連結・変更など &#x2b10;
分割・連結・変更など &#x2b11;
分割・連結・変更など &#x21b2;
分割・連結・変更など &#x21b3;
分割・連結・変更など &#x21b0;
分割・連結・変更など &#x21b1;
変更など &#x21b6;
変更など &#x21b7;
変更 &#x5909;
メモ連結線 &#x250c;
メモ連結線 &#x2510;
メモ連結線 &#x2514;
メモ連結線 &#x2518;
メモ連結線(倍幅) &#x250f;
メモ連結線(倍幅) &#x2513;
メモ連結線(倍幅) &#x2517;
メモ連結線(倍幅) &#x251b;
車両
GreenReserved グリーン車指定席 GreenReserved ぐりーんしゃしていせき
GreenNonreserved グリーン車自由席 GreenNonreserved ぐりーんしゃじゆうせき
Reserved 指定席車両あり Reserved していせき
AllReserved 全車指定席 AllReserved ぜんしゃしていせき
GreenReservedOld グリーン車のみ指定席 GreenReservedOld ぐりーんしゃのみしていせき
SomeReserved 部分指定席 SomeReserved ぶぶんしていせき
AllNonreserved 全車自由席 AllNonreserved ぜんしゃじゆうせき
SleeperA A寝台 SleeperA Aしんだい
えーしんだい
SleeperASingle A寝台1人個室 SleeperA1
SleeperASingle
Aしんだいしんぐる
えーしんだいしんぐる
SleeperATwin A寝台2人個室 SleeperA2
SleeperATwin
Aしんだいついん
えーしんだいついん
SleeperASingleRoyal A寝台1人個室ロイヤル SleeperSA1
SleeperASingleRoyal
Aしんだいしんぐるろいやる
えーしんだいしんぐるろいやる
SleeperATwinRoyal A寝台2人個室ロイヤル SleeperSA2
SleeperATwinRoyal
Aしんだいついんろいやる
えーしんだいついんろいやる
SleeperB B寝台 SleeperB Bしんだい
びーしんだい
SleeperBSingle B寝台1人個室 SleeperB1
SleeperBSingle
Bしんだいしんぐる
びーしんだいしんぐる
SleeperBTwin B寝台2人個室 SleeperB2
SleeperBTwin
Bしんだいついん
びーしんだいついん
Sleeper 寝台車 Sleeper しんだいしゃ
Dining 食堂車連結 Dining しょくどうしゃ
Buffet ビュフェ連結 Buffet びゅふぇ
びゅっふぇ
NoSmoking 禁煙車連結 NoSmoking きんえんしゃ
DoubleDecker 二階建て車両 DoubleDecker にかいだて
車種
LimitedSleeper 寝台特急 LimitedSleeper しんだいとっきゅう
ExpressSleeper 寝台急行 ExpressSleeper しんだいきゅうこう
LExpress エル特急 LExpress えるとっきゅう
Lとっきゅう
Tokkyu 特急 Tokkyu とっきゅう
Kyuko 急行 Kyuko きゅうこう
Kaisoku 快速 Kaisoku かいそく
KukanKaisoku 区間快速 Kukai
KukanKaisoku
くかい
くかんかいそく
Shinkaisoku 新快速 Shinkai
Shinkaisoku
しんかい
しんかいそく
Jyunkaisoku 準快速 Jyunkai
Jyunkaisoku
じゅんかい
じゅんかいそく
TsukinKaisoku 通勤快速 Tsukai
TsukinKaisoku
つうかい
つうきんかいそく
TokubetsuKaisoku 特別快速 Tokkai
TokubetsuKaisoku
とっかい
とくべつかいそく
TsukinTokubetsuKaisoku 通勤特別快速 Tsutoku
TsukinTokubetsuKaisoku
つうとく
つうきんとくべつかいそく
ChokutsuKaisoku 直通快速 Chokkai
ChokutsuKaisoku
ちょっかい
ちょくつうかいそく
Kaitoku 快特 Kaitoku かいとく
列車タイプ
NSevenOO N700 N700
NSevenOO
EFive EFive E5
EFive
SL SL SL えすえる
発着番線
platform 番線(数字無し) &#x25c8; platform ばんせん
0番線 &#x24ea; Platform0
PlatformZero
0ばんせん
ぜろばんせん
1番線 &#x2460; Platform1
PlatformI
1ばんせん
2番線 &#x2461; Platform2
PlatformII
2ばんせん
3番線 &#x2462; Platform3
PlatformIII
3ばんせん
4番線 &#x2463; Platform4
PlatformIV
4ばんせん
5番線 &#x2464; Platform5
PlatformV
5ばんせん
6番線 &#x2465; Platform6
PlatformVI
6ばんせん
7番線 &#x2466; Platform7
PlatformVII
7ばんせん
8番線 &#x2467; Platform8
PlatformVIII
8ばんせん
9番線 &#x2468; Platform8
PlatformIX
9ばんせん
10番線 &#x2469; Platform10
PlatformX
10ばんせん
11番線 &#x246a; Platform11
PlatformXI
11ばんせん
12番線 &#x246b; Platform12
PlatformXII
12ばんせん
13番線 &#x246c; Platform13
PlatformXIII
13ばんせん
14番線 &#x246d; Platform14
PlatformXIV
14ばんせん
15番線 &#x246e; Platform15
PlatformXV
15ばんせん
16番線 &#x246f; Platform16
PlatformXVI
16ばんせん
17番線 &#x2470; Platform17
PlatformXVII
17ばんせん
18番線 &#x2471; Platform18
PlatformXVIII
18ばんせん
19番線 &#x2472; Platform19
PlatformXIX
19ばんせん
20番線 &#x2473; Platform20
PlatformXX
20ばんせん
PlatformXXI 21番線 Platform21
PlatformXXI
21ばんせん
PlatformXXII 22番線 Platform22
PlatformXXII
22ばんせん
PlatformXXIII 23番線 Platform23
PlatformXXIII
23ばんせん
PlatformXXIV 24番線 Platform24
PlatformXXIV
24ばんせん
PlatformXXV 25番線 Platform25
PlatformXXV
25ばんせん
PlatformXXVI 26番線 Platform26
PlatformXXVI
26ばんせん
PlatformXXVII 27番線 Platform27
PlatformXXVII
27ばんせん
PlatformXXVIII 28番線 Platform28
PlatformXXVIII
28ばんせん
PlatformXXIX 29番線 Platform29
PlatformXXIX
29ばんせん
PlatformXXX 30番線 Platform30
PlatformXXX
30ばんせん
PlatformXXXI 31番線 Platform31
PlatformXXXI
31ばんせん
PlatformXXXII 32番線 Platform32
PlatformXXXII
32ばんせん
PlatformXXXIII 33番線 Platform33
PlatformXXXIII
33ばんせん
PlatformXXXIV 34番線 Platform34
PlatformXXXIV
34ばんせん
通過 &#x21e3;
通過 &#x21e1;
括弧
( 補足説明 ( &#x40;
) 補足説明 ) &#x41;
[ 列車名など [ &#x71;
] 列車名など ] &#x73;
{ 運休日 { &#x93;
} 運休日 } &#x95;
検索
Outbound 下り Outbound くだり
Inbound 上り Inbound のぼり
駅弁販売駅 &#x5f01;
メモなど
運転日注意 &#x25c6;
運転区間注意など &#x25c9;
メモ欄 &#x25c8;
注意書き &#x329f;
注意書き &#x2605;

ダウンロードと著作権

当フォントは無料でご利用になれます。

但し公開利用(印刷物・同人誌・ホームページ・携帯アプリ…)は font[at]but.tw にご一報ください。
(このページに掲載させていただくことがありますので、掲載されてまずい場合も知らせてください。)

Web での利用はできる限り当ページにリンクして頂けば幸いです。

改造・二次配布は禁止させていただきます。

Web Font としての利用は、自サーバーにアップロードして利用してください。

OpenTypeフォント(.otf) Zipファイル
Web Font用 (.otf + .woff + .eot) Zipファイル