「知識編Ⅴ【フォント決定ルール】」の編集履歴(バックアップ)一覧はこちら
「知識編Ⅴ【フォント決定ルール】」(2018/01/02 (火) 01:14:09) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
[[トップページ>コメントアートwiki トップページ]]
----
#blockquote(){コメントの文字は、フォントによって全く異なった印象を与えることも多々あります。
歌詞やコメントアートの演出をより自由に表現する際には、フォントの選択と操作が必要不可欠です。
コメントのフォント決定ルールは非常に複雑ですが、理解できればもう怖いものなし!です。
今回はコメントのフォントを自由に操るための解説を行います。}
&bold(){&sizex(6){◎目次}}
#contents_line(sep=/)
----
*&bold(){&sizex(7){①フォント決定の基本ルール}}
コメントのフォント決定ルールは非常に複雑なものとなります。
簡単なものから少しずつ順番に理解することが肝心です。
まずは基本的な文字列から見ていきましょう。
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=24&file=%E3%80%8C%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%80%8D1.jpg,width=408,height=288)
上の画像は&bold(){&sizex(5){&color(green){「全角文字同士が隣接したひとつながりの文字列」}}}です。
コメントのフォントは&bold(){「全角文字同士が隣接したひとつながりの文字列」}ごとに決定されます。
この文字列を便宜的に&bold(){&sizex(6){&color(orange){「グループ」}}}と呼びます。
また、コメント中に半角文字を含ませると、グループが分かれコメント内に複数存在することになります。
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=24&file=%E3%80%8C%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%80%8D2.jpg,width=408,height=288)
画像のように、&bold(){半角文字を境にしてグループを区切り分けします。}
区切り分けされたグループは左から順番に&bold(){&sizex(4){&color(green){「第一グループ」「第二グループ」「第三グループ」}}}と続きます。
(注)グループはコメントのフォント決定ルールの理解のために便宜的に付けられたものです。
現在のところ半角文字同士の隣接文字列には特に呼称はなく、
全角文字同士の隣接文字列のみこのように呼ばれています。
これを踏まえたうえで、まずは1グループ内のフォント決定ルールを見てみましょう。
&bold(){&sizex(5){&color(red){<ルールA>}}}
&bold(){1グループ内の最も左にある文字のフォントが&sizex(6){&color(orange){「基準のフォント」}}として適用される。}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=24&file=%EF%BC%9C%E3%83%AB%E3%83%BC%E3%83%AB%EF%BC%A1%EF%BC%9E.jpg,width=408,height=288)
&bold(){&sizex(5){&color(red){<ルールB>}}}
&bold(){1グループ内にフォント変化文字が1つ含まれていた場合}
&bold(){ ⇒フォント変化文字のフォントが「基準のフォント」として適用される。}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=24&file=%EF%BC%9C%E3%83%AB%E3%83%BC%E3%83%AB%EF%BC%A2%EF%BC%9E.jpg,width=408,height=412)
&bold(){&sizex(5){&color(red){<ルールC>}}}
&bold(){1グループ内にフォント変化文字が複数含まれていた場合}
&bold(){ ⇒左から順番にフォント変化文字のフォントが適用される。ただし、OSにより挙動が異なる。}
&bold(){ →XP=各フォント変化文字がそのまま適用される。}
&bold(){ →vista&win7=適用されるフォントは最大で2種類までとなる。}
&bold(){ また、ゴシック体が「基準のフォント」になっていない限り複数フォントを共存させる事が出来ない。}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=24&file=%EF%BC%9C%E3%83%AB%E3%83%BC%E3%83%AB%EF%BC%A3%EF%BC%9E.jpg,width=816,height=487)
&bold(){複数フォントの共存に関しては、上記のルールから}
&bold(){ ⇒XPにおいては&sizex(4){&color(green){3つのフォントの共存が可能}}ですが、}
&bold(){ ⇒vista&7は&sizex(4){&color(green){明朝体・丸文字体のいずれか一つとゴシック体でのみ可能}}となっています。}
以上の3つが1グループ内におけるフォント決定ルールとなります。
続いて2つ以上のグループがある場合を見てきましょう。
*&bold(){&sizex(7){②フォント決定ルール詳説}}
グループが複数になるとフォント決定ルールも一気に複雑になります
第一グループにどのような文字が配置されていたかで第二グループ以降のフォントが決定されます。
&bold(){&sizex(5){&color(red){<ルールD>}}}
&bold(){第一グループにフォント変化文字(ゴシック化・明朝化・丸文字化文字)がない場合。}
&bold(){または、ゴシック化文字を配置した場合。}
&bold(){ ⇒「基準のフォント」はゴシック体。(第二グループ以降も基本的にゴシック体で表示される。)}
&bold(){ ただし、第二グループ以降でフォント変化文字を含むグループがあった場合はOSにより挙動が異なる。}
&bold(){ →XP=左から順番にフォント変化文字のフォントが適用される。}
&bold(){ →vista&win7=第二グループ以降の内で最も左にある明朝化・丸文字化文字が&sizex(4){&color(green){「第二基準フォント」}}となり、}
&bold(){ 以降の明朝化・丸文字化文字は全て「第二基準フォント」での表示になる。}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=24&file=%EF%BC%9C%E3%83%AB%E3%83%BC%E3%83%AB%EF%BC%A4%EF%BC%9E.jpg,width=816,height=487)
&bold(){&sizex(5){&color(red){<ルールE>}}}
&bold(){第一グループに明朝化・丸文字化文字を配置した場合。}
&bold(){ ⇒「基準のフォント」は第一グループで最も左に配置される明朝化・丸文字化文字のフォント。}
&bold(){ ⇒第二グループ以降でフォント変化文字を含むグループがあった場合はOSにより挙動が異なる}
&bold(){ →XP=左から順番にフォント変化文字のフォントが適用される。}
&bold(){ →vista&win7=全て基準のフォントによる表示となる。}
&bold(){ 第二グループ以降の明朝化文字、丸文字化文字も基準のフォントでの表示となる。}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=24&file=%EF%BC%9C%E3%83%AB%E3%83%BC%E3%83%AB%EF%BC%A5%EF%BC%9E.jpg,width=900,height=450)
&bold(){&sizex(5){&color(red){<ルールF>}}}
&bold(){第一グループにおいて、明朝化・丸文字化文字の前にゴシック化文字(中点など)を配置した場合。}
&bold(){ ⇒「基準のフォントはゴシック体。(第二グループ以降も基本的にゴシック体で表示される。)}
&bold(){ ただし、第二グループ以降でフォント変化文字を含むグループがあった場合はOSにより挙動が異なる。}
&bold(){ →XP=左から順番にフォント変化文字のフォントに切り替わる。}
&bold(){ →vista&win7=第一グループ内で最も左にある明朝化・丸文字化文字が「第二基準フォント」となり、}
&bold(){ 以降の明朝化・丸文字化文字は全て「第二基準フォント」での表示になる。}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=24&file=%EF%BC%9C%E3%83%AB%E3%83%BC%E3%83%AB%EF%BC%A6%EF%BC%9E.jpg,width=900,height=600)
以上がフォント決定のルールとなります。見ての通りとても複雑です。
最初から全てを理解するのは中々難しいでしょうが、
コメントがよくわからないフォント変化を起こした時にでも確認していただければ、と思います。
*&bold(){&sizex(7){③フォント決定ルールの活用法}}
コメントアート構成の際には、それぞれのコメントのフォントを
しっかりと把握していることが重要となります。
例えば、自分の気がつかないところで明朝体にフォント変化していた、
ということになると、構成後に予期せぬ表示になっていたということだってありえます。
コメントのフォントは&bold(){出来る限り基準のフォントで統一できるように構成すること}が
安定したコメントアートを作る第一歩です。
また、コメントは負荷や他のコメントの影響を受けて&bold(){フォント化けを}
&bold(){起こしやすいため、それを防ぐ手立てとして基準のフォントを設定する}、といった活用法もあります。
ゴシック保護と呼ばれるものですが、こちらに関しては「[[制作編Ⅵ【フォント化け対策】]]」にて解説いたします。
----
&sizex(6){&bold(){next:}[[知識編Ⅵ【16:9モードについて】]]}
&bold(){prev:[[知識編Ⅳ【文字の挙動】]]}
[[トップページ>コメントアートwiki トップページ]]
[[トップページ>コメントアートwiki トップページ]]
----
#blockquote(){コメントの文字は、フォントによって全く異なった印象を与えることも多々あります。
歌詞やコメントアートの演出をより自由に表現する際には、フォントの選択と操作が必要不可欠です。
コメントのフォント決定ルールは非常に複雑ですが、理解できればもう怖いものなし!です。
今回はコメントのフォントを自由に操るための解説を行います。}
&bold(){&color(red){※こちらの項目の記載事項は}}
&bold(){&color(red){ flash版プレイヤー専用となります。}}
&bold(){&color(red){ 2016年10月以降登場したHTML5版プレイヤーでは以下の項目は適用されません。}}
&bold(){ HTML5版プレイヤーのフォントはコマンドで指定できるようになりました。}
&bold(){ 詳細は新CAwikiのページを御覧ください。}
→&link(CAwiki2「フォント決定ルール」){https://www65.atwiki.jp/commentart2/pages/16.html}
#region(close,flash版プレイヤーのフォント決定ルールはこちらを参照してください。)
&bold(){&sizex(6){◎目次}}
#contents_line(sep=/)
----
*&bold(){&sizex(7){①フォント決定の基本ルール}}
コメントのフォント決定ルールは非常に複雑なものとなります。
簡単なものから少しずつ順番に理解することが肝心です。
まずは基本的な文字列から見ていきましょう。
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=24&file=%E3%80%8C%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%80%8D1.jpg,width=408,height=288)
上の画像は&bold(){&sizex(5){&color(green){「全角文字同士が隣接したひとつながりの文字列」}}}です。
コメントのフォントは&bold(){「全角文字同士が隣接したひとつながりの文字列」}ごとに決定されます。
この文字列を便宜的に&bold(){&sizex(6){&color(orange){「グループ」}}}と呼びます。
また、コメント中に半角文字を含ませると、グループが分かれコメント内に複数存在することになります。
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=24&file=%E3%80%8C%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%80%8D2.jpg,width=408,height=288)
画像のように、&bold(){半角文字を境にしてグループを区切り分けします。}
区切り分けされたグループは左から順番に&bold(){&sizex(4){&color(green){「第一グループ」「第二グループ」「第三グループ」}}}と続きます。
(注)グループはコメントのフォント決定ルールの理解のために便宜的に付けられたものです。
現在のところ半角文字同士の隣接文字列には特に呼称はなく、
全角文字同士の隣接文字列のみこのように呼ばれています。
これを踏まえたうえで、まずは1グループ内のフォント決定ルールを見てみましょう。
&bold(){&sizex(5){&color(red){<ルールA>}}}
&bold(){1グループ内の最も左にある文字のフォントが&sizex(6){&color(orange){「基準のフォント」}}として適用される。}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=24&file=%EF%BC%9C%E3%83%AB%E3%83%BC%E3%83%AB%EF%BC%A1%EF%BC%9E.jpg,width=408,height=288)
&bold(){&sizex(5){&color(red){<ルールB>}}}
&bold(){1グループ内にフォント変化文字が1つ含まれていた場合}
&bold(){ ⇒フォント変化文字のフォントが「基準のフォント」として適用される。}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=24&file=%EF%BC%9C%E3%83%AB%E3%83%BC%E3%83%AB%EF%BC%A2%EF%BC%9E.jpg,width=408,height=412)
&bold(){&sizex(5){&color(red){<ルールC>}}}
&bold(){1グループ内にフォント変化文字が複数含まれていた場合}
&bold(){ ⇒左から順番にフォント変化文字のフォントが適用される。ただし、OSにより挙動が異なる。}
&bold(){ →XP=各フォント変化文字がそのまま適用される。}
&bold(){ →vista&win7=適用されるフォントは最大で2種類までとなる。}
&bold(){ また、ゴシック体が「基準のフォント」になっていない限り複数フォントを共存させる事が出来ない。}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=24&file=%EF%BC%9C%E3%83%AB%E3%83%BC%E3%83%AB%EF%BC%A3%EF%BC%9E.jpg,width=816,height=487)
&bold(){複数フォントの共存に関しては、上記のルールから}
&bold(){ ⇒XPにおいては&sizex(4){&color(green){3つのフォントの共存が可能}}ですが、}
&bold(){ ⇒vista&7は&sizex(4){&color(green){明朝体・丸文字体のいずれか一つとゴシック体でのみ可能}}となっています。}
以上の3つが1グループ内におけるフォント決定ルールとなります。
続いて2つ以上のグループがある場合を見てきましょう。
*&bold(){&sizex(7){②フォント決定ルール詳説}}
グループが複数になるとフォント決定ルールも一気に複雑になります
第一グループにどのような文字が配置されていたかで第二グループ以降のフォントが決定されます。
&bold(){&sizex(5){&color(red){<ルールD>}}}
&bold(){第一グループにフォント変化文字(ゴシック化・明朝化・丸文字化文字)がない場合。}
&bold(){または、ゴシック化文字を配置した場合。}
&bold(){ ⇒「基準のフォント」はゴシック体。(第二グループ以降も基本的にゴシック体で表示される。)}
&bold(){ ただし、第二グループ以降でフォント変化文字を含むグループがあった場合はOSにより挙動が異なる。}
&bold(){ →XP=左から順番にフォント変化文字のフォントが適用される。}
&bold(){ →vista&win7=第二グループ以降の内で最も左にある明朝化・丸文字化文字が&sizex(4){&color(green){「第二基準フォント」}}となり、}
&bold(){ 以降の明朝化・丸文字化文字は全て「第二基準フォント」での表示になる。}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=24&file=%EF%BC%9C%E3%83%AB%E3%83%BC%E3%83%AB%EF%BC%A4%EF%BC%9E.jpg,width=816,height=487)
&bold(){&sizex(5){&color(red){<ルールE>}}}
&bold(){第一グループに明朝化・丸文字化文字を配置した場合。}
&bold(){ ⇒「基準のフォント」は第一グループで最も左に配置される明朝化・丸文字化文字のフォント。}
&bold(){ ⇒第二グループ以降でフォント変化文字を含むグループがあった場合はOSにより挙動が異なる}
&bold(){ →XP=左から順番にフォント変化文字のフォントが適用される。}
&bold(){ →vista&win7=全て基準のフォントによる表示となる。}
&bold(){ 第二グループ以降の明朝化文字、丸文字化文字も基準のフォントでの表示となる。}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=24&file=%EF%BC%9C%E3%83%AB%E3%83%BC%E3%83%AB%EF%BC%A5%EF%BC%9E.jpg,width=900,height=450)
&bold(){&sizex(5){&color(red){<ルールF>}}}
&bold(){第一グループにおいて、明朝化・丸文字化文字の前にゴシック化文字(中点など)を配置した場合。}
&bold(){ ⇒「基準のフォントはゴシック体。(第二グループ以降も基本的にゴシック体で表示される。)}
&bold(){ ただし、第二グループ以降でフォント変化文字を含むグループがあった場合はOSにより挙動が異なる。}
&bold(){ →XP=左から順番にフォント変化文字のフォントに切り替わる。}
&bold(){ →vista&win7=第一グループ内で最も左にある明朝化・丸文字化文字が「第二基準フォント」となり、}
&bold(){ 以降の明朝化・丸文字化文字は全て「第二基準フォント」での表示になる。}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=24&file=%EF%BC%9C%E3%83%AB%E3%83%BC%E3%83%AB%EF%BC%A6%EF%BC%9E.jpg,width=900,height=600)
以上がフォント決定のルールとなります。見ての通りとても複雑です。
最初から全てを理解するのは中々難しいでしょうが、
コメントがよくわからないフォント変化を起こした時にでも確認していただければ、と思います。
*&bold(){&sizex(7){③フォント決定ルールの活用法}}
コメントアート構成の際には、それぞれのコメントのフォントを
しっかりと把握していることが重要となります。
例えば、自分の気がつかないところで明朝体にフォント変化していた、
ということになると、構成後に予期せぬ表示になっていたということだってありえます。
コメントのフォントは&bold(){出来る限り基準のフォントで統一できるように構成すること}が
安定したコメントアートを作る第一歩です。
また、コメントは負荷や他のコメントの影響を受けて&bold(){フォント化けを}
&bold(){起こしやすいため、それを防ぐ手立てとして基準のフォントを設定する}、といった活用法もあります。
ゴシック保護と呼ばれるものですが、こちらに関しては「[[制作編Ⅵ【フォント化け対策】]]」にて解説いたします。
#endregion
----
&sizex(6){&bold(){next:}[[知識編Ⅵ【16:9モードについて】]]}
&bold(){prev:[[知識編Ⅳ【文字の挙動】]]}
[[トップページ>コメントアートwiki トップページ]]