wikiwiki official

文字のレイアウトが崩れる

0 コメント
views
1 フォロー

2020年5月29日 更新

文字のレイアウトが崩れる

ご自身の画面または知人の画面で、文字のレイアウト(折り返し)が崩れて見えるようになっていませんか?

原因

保守性を高めるためにフォントを標準化した影響です。
なるべく多くのOSが標準搭載しているフォントを使用するようにしました。

以前から、見る人の環境によって文字のレイアウトが違っているという不具合がありました。
インストールされているフォントがバラバラなのがその原因です。

スキンデザイン当初に、ほとんどの人が持っていると想定して基準にしていたフォントは、
現在の最新のOSでは、別途インストールが必要なものになっています。

もっと情報密度を高くしたい

本当は、ゆとりを持って文字のレイアウトを調整する必要があるのですが、
情報量が多くてどうしても狭くなってしまう記事がよくあります。

このようなこともあり、WIKIWIKIでは以下の対応をすることにしました。

コントロールパネル内の機能追加

  • メインコンテンツ部分の横幅を柔軟に設定できる機能 対応済
  • 新たなゴシック系フォント (より左右がタイトな書体のもの) 対応済

ブロック形プラグインの追加

  • 範囲内のフォントを別のものに変更するプラグイン (選択できるのはコントロールパネルにあるもの) 対応済
  • 文字サイズと文字色の指定のマルチライン対応 対応済

これらの機能を近日中に実装いたします。


とはいえ、Windows や Mac、Chrome OS、iPhone や Android で見え方は違います。
引き続き意識して、文字のレイアウト調整にご協力いただけたら幸いです。

2020年5月21日 追記

フォントを2つ追加しました

  • sans-serif-tight (より左右がタイトなゴシック書体のもの)
  • legacy-ui-gothic (以前のフォントに近い機種依存ゴシック書体のもの)

fontプラグインを追加しました

範囲内のフォントを別のものに変更するプラグイン (選択できるのはコントロールパネルにあるもの)
&font; と書くと使えるフォント名がでます。
&font(<sans-serif | sans-serif-tight | serif | monospace | legacy-ui-gothic>){...};

ブロック型の使い方

#font(serif) {{
みんちょう
もじ
}}

インライン型の使い方

インラインの&font(serif){みんちょう};もじ

文字サイズと文字色指定をマルチラインに対応しました

複数行を指定して使えるようになりました。

使い方

#color(Blue){{
#size(20){{
#font(serif){{
WIKIWIKIはハワイ語で「速い」という意味のとおり、
世界でいちばん高速で軽量なレンタルWIKIサービスを提供できるよう、今後も精進を重ねて参ります。
}}
}}
}}

2020年5月29日 追記

メインコンテンツ部分の横幅を柔軟に設定できるようになりました。

画像1

WIKIWIKI運営
作成: 2020/05/18 (月) 20:20:21
最終更新: 2020/05/29 (金) 15:54:56
通報 ...