SIRIUS2深掘り

検索結果

「 フォント 」の検索結果
  • アイキャッチ画像
    サイトを和モダンテンプレート風に表示-Volar2
    当サイトで使用しているキャプチャ画像は(【Volar2】の開発ベースになってる「ベーステンプレート」のレイアウトが元になってます。SIRIUS2 ver.1.180にて新たに追加された2種類のテンプレートのうち、テンプレート(和モダン)はデフォルト設定だと明朝体での表示になります。もちろん他のテンプレートでもサイトオプションで「明朝体」を選択すれば明朝体での表示にはなります。その場合、明朝体として使われるのは「游明朝」というフォントになります。一方『和モダンテンプレート』で使われてる明朝体は「Shippori Mincho(しっぽり明朝)」というWebフォントになります。カスタムテンプレート【Volar2】は少しの操作でこの”しっぽり明朝”を摘要した「和モダンテンプレート」風のサイトに変更することができます。やり方『和モダンテンプレート』風にするにはまずは【サイトオプション】を開き、サイトデザインタブ→文字・フォントの設定で下のようにします。続いて上部メニューからテンプレート→HTMLテンプレート編集→トップページと開き、「<% webFont_Noto %>」を「<% webFont_Shippori_Mincho %>」に書き換えます。「<% webFont_Noto %>」をコメントアウトして一時的に非表示にすればデフォルト状態に戻すのも簡単です。この作業は全テンプレートで変更が必要です。最後にモジュール『【Volar2】しっぽり明朝』の[有効]のチェックをONにします。これで『和モダンテンプレート』風のサイトに変身します。注意点1点だけ注意が必要です。『和モダンテンプレート』で使われてるメインのフォントは”しっぽり明朝”というフォントなんですが、和文部はカーニング(字詰め)が効きません。(そのうち対応するかも)【Volar2】で用意しているカーニング設定をONにしても無効。これが気になる方は通常の設定「<% webFont_Noto %>」のまま、サイトオプションで明朝を選択します。その設定だと”游明朝”という明朝体で表示されるようになります。モジュール『【Volar2】しっぽり明朝』の[有効]のチェックはOFFにします。そして”游明朝”はカーニング(字詰め)が(ある程度)効くので、【Volar2】の《カーニング》機能をONにすれば文字が詰まって表示されます。筆者フォント自体に大きな差はないので、あとは好みの問題ですね。もう一工夫デフォルトの「しっぽり明朝」は太字設定にしてもそれほど目立ちません。(そもそも明朝体自体が太字になりにくいフォントではあります)そこで【Volar2】のマニュアルでは太字設定をほんのちょっとだけ強めにする設定の付け方もご紹介してます。(ほんとに微妙な差なので”気にならん”という方の方がほとんどかも?)
    Read More
  • アイキャッチ画像
    カーニング(文字詰め)-Volar2
    当サイトで使用しているキャプチャ画像は(【Volar2】の開発ベースになってる「ベーステンプレート」のレイアウトが元になってます。カーニングというのは文字詰めのことで、【Volar2】では日本語フォントのカーニング機能を搭載してます。カーニングが効くのはSIRIUS2ではwebフォント(Noto Sans JP)か游ゴシックか游明朝のみになります。カーニングの実際ウェブ上でカーニング(文字詰め)がうまく機能する日本語フォントはそう多くはありません。その中で「游ゴシック or 游明朝」は数少ないカーニングが機能するフォントです。そしてSIRIUS2になって新たに搭載されたwebフォント「Noto Sans JP」(Google Font)もカーニングが効きます。では比較的よく使われる「メイリオ」はどうかというと、和文部は等幅フォントなのでカーニングが効きません。等幅フォントというのは字間が等幅、つまり原稿用紙に書いたみたいに均等幅で表示されるフォントのことです。これに対して欧文部はプロポーショナルフォント、つまり文字ごとに幅が変えてあるのでカーニングが効きます。実際に見較べてみましょう。こちらは「メイリオ」とwebフォント「Noto」での表示例です。ただしカーニング機能はOFFのままです。字体に若干の違いはあるものの、どちらもほぼ同じ間隔で表示されてます。では今度はwebフォント「Noto」のカーニング機能をONにした状態で比較してみます。読点(、)やかっこやカタカナの小文字などが若干詰まっているのがわかるでしょうか。好みがあるのでどちらがいいとは断言できませんが、少なくとも筆者個人はカーニングされてた方が自然で読みやすい気がしてます。カーニングの有効化この機能はデフォルトでは無効化されてます。有効化のやり方<カーニング>を利用するにはモジュール『【Volar2】カーニング』の[有効]のチェックをONにします。【Volar2】の<カーニング>機能を有効化すると全テンプレート(すべてのページ)に反映されます。游ゴシック or webフォント以外のフォントを選択した時はカーニング機能をONにしていても自動的に無効となります。フォントというのは「このフォントは見た目がいいから」といった理由であなた好みのフォントを指定できるわけではありません。というのもウェブサイトというのは基本的には利用者のPC・iPhone・Androidにインストールされてるフォントでしか表示できないからです。よって最大公約数的なフォントしか指定できないようになってます。SIRIUS2でも(全部が全部とは限りませんが)そういった仕組みに合うフォントしか選択できないようになってます。
    Read More