比較結果
赤: 高い側に突出 青: 低い側に突出
| UX項目 | Qiita | Zenn | Medium | WhiteWind | WordPress cocoon |
|---|---|---|---|---|---|
| メインエリアサイズ (c.f. google 652) | 820 (px56) | 790 (px40) | 704 (px=24) | 1107 (上限なし) | 770 (px=30) |
| font-size | 16 | 16 | 20 | 16 | 16 |
| line-height | 28.8 | 27.2 | 32 | 24 | 28.8 |
| font-weight | N/A | N/A | 400 | N/A | 400 |
| font | YakuHanJPs, -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif | -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif, "Segoe UI Emoji" | source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif | -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" | Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif |
| 画像拡大 | 別ウィンドウ | モーダル | モーダル | N/A | モーダル |
| alert / info / tips | ✓ | ✓ | N/A | N/A | ✓ |
| TOC | ✓ | ✓ | N/A | N/A | △ (ついてこない) |
| 自動リンクカード | ✓ | ✓ | N/A | N/A | ✓ |
| ウィジェットカスタマイズ | N/A | N/A | N/A | N/A | ✓ |
