説明
フォントを部分的に指定して表示する。
指定するフォントはあらかじめwikiwikiが用意したfont-familyから選択。
公式案内
プラグイン書式
使用フォントを部分的に指定することができるプラグイン。wikiwiki独自の機能であり、一般的なpukiwikiには搭載されてない。
- font-family一覧
&font;
実行結果
&font(<sans-serif | sans-serif-tight | serif | monospace | legacy-ui-gothic>){...};
- インライン型
&font(serif){みんちょう};つうじょう
実行結果
みんちょうつうじょう
- ブロック型(マルチラン対応)
#font(serif) {{ みん ちょう }} つうじょう
実行結果みん
ちょう
font-family
以下のfont-familyを指定できる。
基本的に欧文(Mac+Win)、Mac和文、Windows和文の順になっている。
以下斜体は欧文フォントを示してる。
- sans-serif(標準)
Verdana, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif
ゴシック系標準
- sans-serif-tight
Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif
ゴシック系で横幅狭め。狭めといっても半角アルファベットや記号をVerdana→Arialで表示する違い。日本語フォントの部分に違いはない。
- serif
Times New Roman, Hiragino Mincho ProN, HiraMinProN-W3, Yu Mincho, YuMincho, serif
明朝系
- monospace
MS Gothic, Osaka-mono, Osaka, Meiryo, Hiragino Kaku Gothic ProN, Hiragino Sans, Menlo, Monaco, Courier New, Courier, monospace
ゴシック系で等幅
これだけ和文フォント優先で定義されているため、記号(■や△など)が和文フォント優先で表示できる。
たくさん書かれているが、Winの人はMS Gothic、Mac系の人はOsaka-monoで表示されるはず。
- legacy-ui-gothic
Tahoma, Arial, MS UI Gothic, Meiryo UI, Yu Gothic UI, Osaka, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif
ゴシック系でシステムUIタイプ。
表示されるフォント
各font-familyに多くのフォントが定義されているが、先頭から読み込んでいって自身のOSが表示できるものが自動で選ばれる。
2020年現在のMacとWindowsのOSに搭載されている標準フォントから概ね以下の太字のフォントで表示される。
font-family | 半角英数記号 | 全角 | |
---|---|---|---|
Mac&Win | Mac | Win | |
sans-serif(標準) | Verdana Arial | Hiragino Kaku Gothic ProN Hiragino Sans | Meiryo |
sans-serif-tight | Arial | Hiragino Kaku Gothic ProN Hiragino Sans | Meiryo |
serif | Times New Roman | Hiragino Mincho ProN HiraMinProN-W3 YuMincho | Yu Mincho |
monospace | → | Osaka-mono Osaka | MS Gothic |
legacy-ui-gothic | Tahoma Arial | Osaka | MS UI Gothic Meiryo UI Yu Gothic UI |
記号が小さく表示される問題
前述のように表示されるフォントは定義左側から優先される。一部の記号は欧文フォントで表示できてしまうため意図した和文フォントを使えなかったり、記号を並べたときの統一感が損なわれる問題が発生する。回避策はない。
例えばsans-serifを指定してWinsows7以降のOSで以下の文字列を表示する場合
- abcあいう○●×△▲◇
上の文字をWindows7以降の環境で見ると以下のように文字によって異なるフォントで表示される。(Macも概ね同様に見えるはず。)
フォント名 | 使われてる部分(赤) | 備考 |
Verdana | abcあいう○●×△▲◇ | 欧文なので基本全角は持ってないのだが、Verdanaは"●×"の文字コードが定義されておりこのフォントが使われる |
Arial | abcあいう○●×△▲◇ | 欧文フォントだが"abc"は先にVerdana優先されるのでArialは使われない。○▲はArialに定義がある。 |
Meiryo | abcあいう○●×△▲◇ | 和文フォント。半角"abc"も表示できるが、Verdanaが優先されてるのでMeiryoは使われない。日本語の"あいう"はこれが使われる。"△◇"は上記欧文フォントが持ってないコードなのでMeiryoで表示される |
サンプル
sans-serif (標準)
0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
~!"#$%&'()*+,-./:;<=>?@[\]^_`{|}
○●×△▲◇◆□■☆★↑↓→←
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
sans-serif-tight
0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
~!"#$%&'()*+,-./:;<=>?@[\]^_`{|}
○●×△▲◇◆□■☆★↑↓→←
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
serif
0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
~"#$%&'()*+,-./:;<=>?@[\]^_`{|}
○●×△▲◇◆□■☆★↑↓→←
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
monospace
0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
~!"#$%&'()*+,-./:;<=>?@[\]^_`{|}
○●×△▲◇◆□■☆★↑↓→←
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
legacy-ui-gothic
0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
~!"#$%&'()*+,-./:;<=>?@[\]^_`{|}
○●×△▲◇◆□■☆★↑↓→←
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
比較
sans-serif (標準) | 0123ABCDabcd○●×△▲◇◆□■☆★↑↓→←あいうえおoO01lIij!/\~^-+*=%,.;:[](){} |
sans-serif-tight | 0123ABCDabcd○●×△▲◇◆□■☆★↑↓→←あいうえおoO01lIij!/\~^-+*=%,.;:[](){} |
serif | 0123ABCDabcd○●×△▲◇◆□■☆★↑↓→←あいうえおoO01lIij!/\~^-+*=%,.;:[](){} |
monospace | 0123ABCDabcd○●×△▲◇◆□■☆★↑↓→←あいうえおoO01lIij!/\~^-+*=%,.;:[](){} |
legacy-ui-gothic | 0123ABCDabcd○●×△▲◇◆□■☆★↑↓→←あいうえおoO01lIij!/\~^-+*=%,.;:[](){} |
記号比較
数値参照 | 文字参照 | 未指定 | sans-serif | sans-serif-tight | serif | monospace | legacy-ui-gothic | 備考 |
○ | ○ | ○ | ○ | ○ | ○ | ○ | 普通に変換で出るのはこれ | |
◯ | ◯ | ◯ | ◯ | ◯ | ◯ | ◯ | ||
〇 | 〇 | 〇 | 〇 | 〇 | 〇 | 〇 | ||
● | ● | ● | ● | ● | ● | ● | ||
• | • | • | • | • | • | • | • | |
◎ | ◎ | ◎ | ◎ | ◎ | ◎ | ◎ | ||
× | × | × | × | × | × | × | × | 普通に変換で出るのはこれ |
☓ | ☓ | ☓ | ☓ | ☓ | ☓ | ☓ | ||
✕ | ✕ | ✕ | ✕ | ✕ | ✕ | ✕ | ||
⊗ | ⊗ | ⊗ | ⊗ | ⊗ | ⊗ | ⊗ | ⊗ | |
⊕ | ⊕ | ⊕ | ⊕ | ⊕ | ⊕ | ⊕ | ⊕ | |
△ | △ | △ | △ | △ | △ | △ | ||
▲ | ▲ | ▲ | ▲ | ▲ | ▲ | ▲ | ||
□ | □ | □ | □ | □ | □ | □ | 普通に変換で出るのはこれ | |
☐ | ☐ | ☐ | ☐ | ☐ | ☐ | ☐ | ||
■ | ■ | ■ | ■ | ■ | ■ | ■ |
参考
名前 | 幅 | 書体 | 組 | Win7 | Win8.1 | Win10 | Mac |
Verdana | P | ゴ | 欧 | ○ | ○ | ○ | ○ |
Arial | P | ゴ | 欧 | ○ | ○ | ○ | ○ |
Tahoma | P | ゴ | 欧 | ○ | ○ | ○ | ○ |
Times New Roman | P | Serif | 欧 | ○ | ○ | ○ | ○ |
Courier | 等 | Serif | 欧 | ○ | ○ | ○ | ○ |
Menlo | 等 | ゴ | 欧 | ○ | |||
Monaco | 等 | ゴ | 欧 | ○ | |||
Hiragino Kaku Gothic ProN | P | ゴ | 和 | ○ | |||
Hiragino Sans | P | ゴ | 和 | ○ | |||
Hiragino Mincho ProN | P | Serif | 和 | ○ | |||
HiraMinProN-W3 | P | Serif | 和 | ○ | |||
YuMincho | P | Serif | 和 | ○ | |||
Osaka | P | ゴ | 和 | ○ | |||
Osaka-Mono | 等 | ゴ | 和 | ○ | |||
Courier New | 等 | Serif | 欧 | ○ | ○ | ○ | |
MS Gothic | 等 | ゴ | 和 | ○ | ○ | ○ | |
MS PGothic | P | ゴ | 和 | ○ | ○ | ○ | |
MS UI Gothic | UI | ゴ | 和 | ○ | ○ | ○ | |
MS Mincho | 等 | Serif | 和 | ○ | ○ | ○ | |
MS PMincho | P | Serif | 和 | ○ | ○ | ○ | |
Meiryo | P/等 | ゴ | 和 | ○ | ○ | ○ | |
Meiryo UI | UI | ゴ | 和 | ○ | ○ | ○ | |
Yu Gothic | P | ゴ | 和 | ○ | ○ | ||
Yu Gothic UI | UI | ゴ | 和 | ○ | |||
Yu Mincho | P | Serif | 和 | ○ | ○ |
Font Awesome
https://wikiwiki.jp/sample/fa
https://fontawesome.com/search