MediaWiki:Gadget-fixCodeEditorFonts.css
ナビゲーションに移動
検索に移動
注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。
- Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
- Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
- Internet Explorer: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
- Opera: メニュー → 設定 (Mac では Opera → 環境設定) に移動し、プライバシーとセキュリティ → 閲覧データを消去 → キャッシュされた画像およびファイル からキャッシュをクリアしてください。
/**
* fixCodeEditorFonts.css
*
* [[mw:Extension:CodeEditor]] で発生する表示崩れを修正する。
*
* - CodeEditor は "font-family: monospace, monospace;" を指定して、Ace 本家の設定を上書きしている
* - これは __ブラウザに適切な等幅フォントが設定されている限り__ 正しく動作する
* - 等幅フォントが存在しない、またはブラウザの設定が間違っている環境では表示が崩れる
* + macOS 版 Chrome / Firefox が後者に該当する
* + Chrome は Osaka (!== Osaka-Mono) を指定している
* + Firefox は Osaka-Mono を指定しているが、実際はヒラギノ角ゴ ProN が使われる
* - Ace 本家は等幅フォントを具体的に指定しているため、上記環境でも表示は崩れない
* - CodeEditor のフォント指定を上書きし、適切な等幅フォントを指定すれば表示崩れを防止できる
*
* License: CC0
*/
.wikiEditor-ui .ace_editor {
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}