ヤフーニュース記事のフォントがメイリオに変更 元に戻す方法
- 2013-02-12 火 15:47
- Web
PCで表示した際のヤフーのニュース記事ページのフォントが12日、"MS PGothic" から "メイリオ" に変更されました。
※正確にはコンテンツ部分は「font-family:verdana,helvetica,sans-serif;」からの変更。
文字幅が広くなっているため、以前に比べるとページを閲覧するときのスクロール量が増えることになりそうです。メイリオフォントに慣れていない人には少し見難い印象を与えてしまうかもしれません。
現在のところ、メイリオが適用されているのは次のURLで始まるページのみのようです。
http://headlines.yahoo.co.jp
例えば、「http://dailynews.yahoo.co.jp/fc/domestic/」などは以前のままです。
各ブラウザごとのフォントを(元に戻す)指定方法は次の通りです。
Internet Explorer(IE) | Chrome | Firefox
Internet Explorer
- IEメニューの「ツール」→「インターネットオプション」
[全般]タブにある「ユーザー補助」をクリック
- 「Webページで指定されたフォントスタイルを使用しない」にチェックを入れて「OK」をクリックすれば完了です。
※ただしこの設定はヤフー以外のすべてのWebページで適用されるのでご注意ください。
標準フォントの変更は「ユーザー補助」の左隣にある「フォント」をクリック、「Webページフォント」から行います。ここでの指定はWebページにフォントが指定されていない場合や「フォントスタイルを使用しない」にチェックしているときに有効になります。
- ユーザースタイルシートを使った方法
-
ヤフー以外のすべてのWebページで適用されるのはちょっと…という場合はユーザースタイルシートを利用します。
- 「style-ie-y.css」のリンクを右クリックして「対象をファイルに保存」。場所は適当なフォルダでOK。
※すでにユーザースタイルシートを利用している場合はリンクを開いて中身をすべてコピーして適用中のCSSファイルに貼り付けて保存してください。 - IEメニューの「ツール」→「インターネットオプション」
[全般]タブにある「ユーザー補助」をクリック
- 「自分のスタイルシートでドキュメントの書式を設定する」にチェックを入れて「参照」をクリック。先ほど保存した「style-ie-y.css」ファイルを指定して「OK」をクリックすれば完了です。
適用したスタイルを無効にするときはチェックを外します。あるいはstyle-ie-y.cssを開いて内容を全て削除して上書き保存します。
内容を変更したstyle-ie.cssを反映させるにはスタイルのチェックを一度外して「OK」をクリック。再度チェックを入れて「OK」をクリックすれば反映されます。
- 「style-ie-y.css」のリンクを右クリックして「対象をファイルに保存」。場所は適当なフォルダでOK。
Google Chrome
- 『Stylish』をChromeウェブストアからインストールしてブラウザを再起動するとバーに『S』アイコンが追加されます。
- 『S』アイコンをクリック→インストール済みのスタイルを管理→新しいスタイルを作成
名前欄には「yahooニュース」など適当な名前を入れる。
以下のコードをコピーしてコード欄に貼り付け。
- コード欄の下にある「個別指定」をクリック。
- セレクトメニューを「URL」から「ドメイン上のURL」に変更。
その右の入力欄に以下のドメインを入れる。 - 最後に左の「有効」にチェックを入れて「保存」を選択すれば完了。
適用したスタイルを無効にするときはSアイコンから「スタイルを管理」→作成したスタイルの「無効化」をクリックします。あるいはスタイルが適用されているページでスタイルの「無効化」をクリックすれば無効になります。
もし今後、dailynewsページでもメイリオが適用されるようになった場合は「ドメイン上のURL」を追加します。
yahooの全ページでメイリオが適用されるようになった場合は以下を追加します。
Firefox
- メニューの「ツール」→「オプション」
[コンテンツ]タブにある「詳細設定」をクリック
- 「Webページが指定したフォントを優先する」のチェックを外して「OK」をクリックすれば完了です。
※ただしこの設定はヤフー以外のすべてのWebページで適用されるのでご注意ください。
標準フォントの変更は「既定のフォント」で指定できます。
- ユーザースタイルシートを使った方法
-
ヤフー以外のすべてのWebページで適用されるのはちょっと…という場合はユーザースタイルシートを利用します。
- 『Stylish』をアドオンページからインストールしてブラウザを再起動するとバーに『S』アイコンが追加されます。
- 『S』アイコンをクリック→新しいスタイルを書く→白紙のスタイル
名前欄には「yahooニュース」など適当な名前を入れる。
以下のコードをコピーしてコード欄に貼り付けて保存すれば完了。
適用したスタイルを無効にするときはSアイコンから「スタイルの管理」→作成したスタイルの「無効化」をクリックします。あるいはスタイルが適用されているページでスタイルのチェックを外せば無効になります。
もし今後、dailynewsページでもメイリオが適用されるようになった場合はスタイルの管理から1行目のコードを次のように編集します。
@-moz-document domain("headlines.yahoo.co.jp") {
↓変更
@-moz-document domain("headlines.yahoo.co.jp"), domain("dailynews.yahoo.co.jp") {yahooの全ページでメイリオが適用されるようになった場合は1行目を次のように編集します。
@-moz-document domain("yahoo.co.jp") {
メイリオ指定のCSSファイル
http://i.yimg.jp/images/news/v1/css/master-news.css?v18
body{color:#333333;font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif;}
- comment