はてなブログの該当ページへリダイレクトします。お手数をおかけします。ご容赦ください。
OpenType - WikipediaOpenType (オープンタイプ)はコンピュータで扱うスケーラブルフォントの標準規格。TrueTypeの次期フォントとしてアドビシステムズ、マイクロソフトが共同で設計し、アップルコンピュータがそれに賛同する形で開発された。OpenType はマイクロソフトの登録商標であり、OpenType のロゴはアドビシステムズの登録商標である。
OpenTypeとはTrueTypeとPostScriptフォントの両方の総称であるが、PostScriptフォント形式のみをOpenTypeと呼ぶことも多い。
OpenType フォント(.otf
ファイル)だと Windows でもそのままでブラウザ上でまぁまぁきれいに表示できますな。
表示テストの項目については下記の通りです。
font-family | あいうえお | 漢字 | Windows | \ | ゼロ | オー | アイ | 小文字エル | Q | 濁点 | カナ漢字長音漢数字 |
---|---|---|---|---|---|---|---|---|---|---|---|
無指定 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
※ 完全じゃないです。font-family:フォント名,serif
と指定してます。指定フォントがない環境及び足りない漢字は(※ 多分)Serif 設定のフォントで表示されます。
font-family | あいうえお | 漢字 | Windows | \ | ゼロ | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
---|---|---|---|---|---|---|---|---|---|---|---|
無指定 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Sans-serif | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
小塚ゴシック Pr6N M | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Textar | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
ぬかみそ | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
01フロップデザイン | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
ぼくたちのゴシック | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
ぼくたちのゴシック2レギュラー | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
ぼくたちのゴシック2ボールド | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
07やさしさゴシック | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
07やさしさゴシック手書き | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
07やさしさアンチック | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
07ロゴたいぷゴシック7 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
※ 完全じゃないです。font-family:フォント名,serif
と指定してます。指定フォントがない環境、指定フォントが認識されない場合、及び足りない漢字は(※ 多分)Serif 設定のフォントで表示されます。
font-family | あいうえお | 漢字 | Windows | \ | ゼロ | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
---|---|---|---|---|---|---|---|---|---|---|---|
無指定 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Sans-serif | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック JP | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック ExtraLight | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック Light | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック Normal | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック Regular | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック Medium | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック Bold | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック Heavy | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Firefox で DirectWrite 使用時は 'Regular' など指定ができないようです。font-weight
の指定は可能でした。
font-family | あいうえお | 漢字 | Windows | \ | ゼロ | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
---|---|---|---|---|---|---|---|---|---|---|---|
無指定 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック (100) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック (300) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック (350) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック (400) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック (500) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック (700) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック (900) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
※ CSSで font-family を指定する際は、ブラウザ・DirectWrite の設定状態及び指定フォント名により表示に差異がかなりあるので注意が必要です。
font-family | あいうえお | 漢字 | Windows | \ | ゼロ | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
---|---|---|---|---|---|---|---|---|---|---|---|
無指定 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Source Han Sans | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック Regular | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Source Han Sans Regular | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
SourceHanSans-Regular | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
1. 源ノ角ゴシック Regular 2. 源ノ角ゴシック |
あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
1. Source Han Sans Medium 2. 源ノ角ゴシック |
あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
font-family | あいうえお | 漢字 | Windows | \ | ゼロ | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
---|---|---|---|---|---|---|---|---|---|---|---|
無指定 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック JP | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Source Han Sans JP | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック JP Regular | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Source Han Sans JP Regular | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
SourceHanSansJP-Regular | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
1. 源ノ角ゴシック JP Regular 2. 源ノ角ゴシック JP |
あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
1. Source Han Sans JP Medium 2. 源ノ角ゴシック JP |
あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
font-family | あいうえお | 漢字 | Windows | \ | ゼロ | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
---|---|---|---|---|---|---|---|---|---|---|---|
無指定 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Sans-serif | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Sans CJK JP | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Sans CJK JP Thin | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Sans CJK JP Light | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Sans CJK JP DemiLight | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Sans CJK JP Regular | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Sans CJK JP Medium | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Sans CJK JP Bold | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Sans CJK JP Black | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
font-family | あいうえお | 漢字 | Windows | \ | ゼロ | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
---|---|---|---|---|---|---|---|---|---|---|---|
無指定 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Sans-serif | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Sans CJK JP (100) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Sans CJK JP (300) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Sans CJK JP (350) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Sans CJK JP (400) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Sans CJK JP (500) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Sans CJK JP (700) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Sans CJK JP (900) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
※ 完全じゃないです。font-family:フォント名,serif
と指定してます。指定フォントがない環境、指定フォントが認識されない場合、及び足りない漢字は(※ 多分)Serif 設定のフォントで表示されます。
font-family | あいうえお | 漢字 | Windows | \ | ゼロ | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
---|---|---|---|---|---|---|---|---|---|---|---|
無指定 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Sans-serif | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
monospace | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック Code JP | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
ExtraLight | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Light | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Normal | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Regular | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Medium | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Bold | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Heavy | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Firefox で DirectWrite 使用時は 'Regular' など指定ができないようです。font-weight
の指定は可能でした。
font-family | あいうえお | 漢字 | Windows | \ | ゼロ | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
---|---|---|---|---|---|---|---|---|---|---|---|
無指定 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
font-weight:100 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
font-weight:300 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
font-weight:350 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
font-weight:400 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
font-weight:500 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
font-weight:700 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
font-weight:900 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
monospace(等幅)版も出てました。
※ 完全じゃないです。font-family:フォント名,serif
と指定してます。指定フォントがない環境、指定フォントが認識されない場合、及び足りない漢字は(※ 多分)Serif 設定のフォントで表示されます。
font-family | あいうえお | 漢字 | Windows | \ | ゼロ | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
---|---|---|---|---|---|---|---|---|---|---|---|
無指定 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
monospace | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ角ゴシック HW | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Sans Mono CJK JP | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
RobotoJ-Font プロジェクト日本語トップページ - OSDNAndroidの標準のフォント「Roboto」に、日本語フォントを合成・改変して作成しました。Roboto+日本語(J)という事で、RobotoJと命名しました。
組み合わせた日本語フォントは、モトヤLシーダ3等幅、源真ゴシック、Miguフォント、およびM+ OUTLINE FONTSになります。
RobotoJ-Font プロジェクト日本語トップページ - OSDNRobotoJフォントは以下の4種類となります。
- RobotoJ → 通常フォント
- RobotoJS → 通常フォントのゼロ「0」にスラッシュを付けた物です
- RobotoJAA → AA(アスキーアート)を表示するためのフォントです。
- RobotoJ Mono → 等幅のフォントです。
※ 完全じゃないです。font-family:フォント名,serif
と指定してます。指定フォントがない環境、指定フォントが認識されない場合、及び足りない漢字は(※ 多分)Serif 設定のフォントで表示されます。
font-family | あいうえお | 漢字 | Windows | \ | ゼロ | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
---|---|---|---|---|---|---|---|---|---|---|---|
無指定 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Serif | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
monospace | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
RobotoJ | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
RobotoJS | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
RobotoJAA | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
※ 完全じゃないです。font-family:フォント名,sans-serif
と指定してます。指定フォントがない環境及び足りない漢字は(※ 多分)sans-serif 設定のフォントで表示されます。
font-family | あいうえお | 漢字 | Windows | \ | ゼロ | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
---|---|---|---|---|---|---|---|---|---|---|---|
無指定 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Serif | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
小塚明朝 Pr6N R | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
うつくし明朝体 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
はんなり明朝 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
こころ明朝体 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
※ 完全じゃないです。font-family:フォント名,sans-serif
と指定してます。指定フォントがない環境、指定フォントが認識されない場合、及び足りない漢字は(※ 多分)sans-serif 設定のフォントで表示されます。
font-family | あいうえお | 漢字 | Windows | \ | ゼロ | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
---|---|---|---|---|---|---|---|---|---|---|---|
無指定 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Sans-serif | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ明朝 ExtraLight | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ明朝 Light | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ明朝 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ明朝 Medium | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ明朝 SemiBold | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ明朝 Bold | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ明朝 Heavy | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Firefox で DirectWrite 使用時は 'Regular' 'Light' など指定ができないようです。font-weight
の指定は可能でした。
font-family | あいうえお | 漢字 | Windows | \ | ゼロ | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
---|---|---|---|---|---|---|---|---|---|---|---|
無指定 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ明朝 (100) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ明朝 (300) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ明朝 (400) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ明朝 (500) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ明朝 (600) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ明朝 (700) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
源ノ明朝 (800) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
font-family | あいうえお | 漢字 | Windows | \ | ゼロ | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
---|---|---|---|---|---|---|---|---|---|---|---|
無指定 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Sans-serif | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Serif CJK JP ExtraLight | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Serif CJK JP Light | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Serif CJK JP (Regular) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Serif CJK JP Medium | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Serif CJK JP SemiBold | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Serif CJK JP Black | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
font-family | あいうえお | 漢字 | Windows | \ | ゼロ | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
---|---|---|---|---|---|---|---|---|---|---|---|
無指定 | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Serif CJK JP (100) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Serif CJK JP (300) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Serif CJK JP (400) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Serif CJK JP (500) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Serif CJK JP (600) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Serif CJK JP (700) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Noto Serif CJK JP (800) | あいうえお | 葛噌一二三語漢字片 | Windows | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
JavaScript 初心者なので内容未保証ですけど...
Sans-serif | あかさたな | 葛噌g埒一三語漢片 | MWayg9~*@ | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Serif | あかさたな | 葛噌g埒一三語漢片 | MWayg9~*@ | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
monospace | あかさたな | 葛噌g埒一三語漢片 | MWayg9~*@ | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
無指定 | あかさたな | 葛噌g埒一三語漢片 | MWayg9~*@ | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
テスト | あかさたな | 葛噌g埒一三語漢片 | MWayg9~*@ | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
0123456789 \'"~*#$%&@ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 \'"~*#$%&@ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 \'"~*#$%&@ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
新しい朝が来た!不埒な草g剛、濱、味噌汁。〜カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!不埒な草g剛、濱、味噌汁。〜カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!不埒な草g剛、濱、味噌汁。〜カ力エ工ロ口ー一ニ二フプブ ※→↑
日本の食文化において、主食とされる米飯や雑穀飯の副食として、主要な位置を占める。料亭や食堂で出される事も、家庭料理として家庭で作られる事もある、汁物料理の代表である。昆布・削り節や煮干しなどで出汁をとり、食材と味噌で味を作るという、調理法としては単純な料理であるが、出汁・味噌に加え具材も各家庭・調理者によって千差万別であるため、おふくろの味と称される事もあり、作り方は様々である。また、各地で古くから作られており、名物料理だったり町おこしの料理ともされる。
日本の食文化において、主食とされる米飯や雑穀飯の副食として、主要な位置を占める。料亭や食堂で出される事も、家庭料理として家庭で作られる事もある、汁物料理の代表である。昆布・削り節や煮干しなどで出汁をとり、食材と味噌で味を作るという、調理法としては単純な料理であるが、出汁・味噌に加え具材も各家庭・調理者によって千差万別であるため、おふくろの味と称される事もあり、作り方は様々である。また、各地で古くから作られており、名物料理だったり町おこしの料理ともされる。
味噌汁 - Wikipedia
Sans-serif | あかさたな | 葛噌g埒一三語漢片 | MWayg9~*@ | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
Serif | あかさたな | 葛噌g埒一三語漢片 | MWayg9~*@ | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
monospace | あかさたな | 葛噌g埒一三語漢片 | MWayg9~*@ | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
無指定 | あかさたな | 葛噌g埒一三語漢片 | MWayg9~*@ | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
テスト | あかさたな | 葛噌g埒一三語漢片 | MWayg9~*@ | \ | 0 | O | iI | l | Q | プブ | カ力エ工ロ口ー一ニ二 |
0123456789 \'"~*#$%&@ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 \'"~*#$%&@ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 \'"~*#$%&@ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
新しい朝が来た!不埒な草g剛、濱、味噌汁。〜カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!不埒な草g剛、濱、味噌汁。〜カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!不埒な草g剛、濱、味噌汁。〜カ力エ工ロ口ー一ニ二フプブ ※→↑
日本の食文化において、主食とされる米飯や雑穀飯の副食として、主要な位置を占める。料亭や食堂で出される事も、家庭料理として家庭で作られる事もある、汁物料理の代表である。昆布・削り節や煮干しなどで出汁をとり、食材と味噌で味を作るという、調理法としては単純な料理であるが、出汁・味噌に加え具材も各家庭・調理者によって千差万別であるため、おふくろの味と称される事もあり、作り方は様々である。また、各地で古くから作られており、名物料理だったり町おこしの料理ともされる。
日本の食文化において、主食とされる米飯や雑穀飯の副食として、主要な位置を占める。料亭や食堂で出される事も、家庭料理として家庭で作られる事もある、汁物料理の代表である。昆布・削り節や煮干しなどで出汁をとり、食材と味噌で味を作るという、調理法としては単純な料理であるが、出汁・味噌に加え具材も各家庭・調理者によって千差万別であるため、おふくろの味と称される事もあり、作り方は様々である。また、各地で古くから作られており、名物料理だったり町おこしの料理ともされる。
味噌汁 - Wikipedia
JavaScript 初心者なので内容未保証ですけど... XPのIE8でも使える筈です。
body要素に適用なのでCSSで指定されてる要素には効きません。
body
要素に style
属性を追記します。
<body style="font-family: '07やさしさゴシック';">
最終更新日:2017.4.4
2014.01.16 怨霊と吐き溜は TrueType でした。間違えました。すみません。。。
2014.01.16 表示テストをちょっと変更。
2014.01.19 スクリーンショットを追加。
2014.01.24 JavaScript をIE8で動く仕様に変更。CSSプロパティを追加。
2014.04.10 07ロゴたいぷゴシック7, ぬかみそフォント (nukamisoOTF), Textar, 不忘フェルトペン書体04 を追加。
2014.05.25 小塚ゴシック Pr6N M, 小塚明朝 Pr6N Rを追加。
2014.07.17 Adobe Source Han Sans (源ノ角ゴシック)を追加。
2014.07.24 Adobe Source Han Sans (源ノ角ゴシック)について表示テストを追記。
2014.09.23 Noto Sans CJK JP を追加。
2014.10.19 07やさしさゴシック手書き を追加。
2015.06.13 Source Han Code JP(源ノ角ゴシック Code JP) を追加。
2015.07.12 Source Han Code HW(源ノ角ゴシック HW)を追加。
2015.12.21 手書き風, 面白系を 手書き風フォントの表示テスト へ移動。
2015.12.22 ぼくたちのゴシック2レギュラー, ぼくたちのゴシック2ボールド, こころ明朝体 追加。
2017.01.27 RobotoJフォントを追加。
2017.04.04 源ノ明朝, Noto Serif CJK JPを追加。
※ 小塚ゴシック Pr6N M (KozGoPr6N-Medium.otf), 小塚明朝 Pr6N R (KozMinPr6N-Regular.otf) は Adobe Reader のインストールフォルダ (C:\Program Files (x86)\Adobe\Reader 11.0\Resource\CIDFont
) にありました。
.otf
ファイル同梱)
.otf
ファイル同梱).otf
ファイル同梱)