文字の見え方について

質問

お世話になっております。

以下についてお教え頂けないでしょうか。
Windows7に比べ各種サイトでの文字が、Windows10使用PCでは、物凄くいびつに見えます。
特にこのOK waveサイトの皆様の質問や回答の文字は、ぼやけ、かすれ、いびつさがあります。

もしやPCのせいかと思い、Windows10搭載PCの会社にも問い合わせし、文字修正はしましたが変わりません。

これはどうしてなのでしょうか？
Windows10がこのような仕様になったのでしょうか？

お教え頂ければ幸いでござます。
どうぞ宜しくお願い致します。

回答No.9

Katsu_Kaiz · ベストアンサー

No.6です、お礼ありがとうございます。メイリオに変更する方法は、４番さん・７番さんのおっしゃるとおりです。これでもダメな場合は……、

(1)Microsoft Updateをおこない、最新のWindows10にアップデート。噂によると、最新版のWindows10はフォントが少し綺麗になったとのこと。

(2)IEをやめて、フォントの綺麗なブラウザ（Sleipnirなど）を使う
　http://www.fenrir-inc.com/jp/sleipnir/

(3)Windows全体のフォントを綺麗にしてくれる、MacTypeをインストール
　http://weekly.ascii.jp/elem/000/000/206/206833/

手元にWindows10がないため、申しわけないですがこれ以上の回答は思いつきませんでした。なお、游ゴシック体はWindowsだけでなく最近のMacにも入っているフォントで、Macの画面で見るかぎりは綺麗です。デザイナーさんはMacを使っていることが多く、新しいフォントということで游ゴシック体を指定しているのだと思います。OKWaveも、いつからか游ゴシック体になりました。

せっかくの新しいフォントなのに、ことフォントの表示という面においては、WindowsはMacよりもスマホよりもタブレットよりも、そしてゲーム機よりもガタガタしています。そろそろスマホの小さな画面にも負けないような、綺麗なフォントになってほしいですね。

お礼

再度お教え頂き本当に有り難うございました。
また、お時間とらせ恐縮でございました。
お教えいただいた方法一つひとつ実施していこうと思っています。
WindowsはMacよりも画像が悪いのですね。このようなことになるならMacを買っていたらよかったと思っています。なんとかしてほしいですね。

ご親切なご教授有り難うございました。
これからもどうぞよろしくお願い申し上げます。

回答No.8

qq149598100

No.4です。
込み入った内容なので長いのはご容赦願います。コピーしてメモ帳辺りに貼り付けて読まれた方が良いと思います。

OK WAVEのサイトのHTMLソースを見てみました。
指定のフォントは
>Yu Gothic Regular システム
>フォント名: "Yu Gothic"
と出てきましたので「游ゴシック」のようですね。明朝ではありませんでした。

インターネットオプションで、
１）WEBページフォントを「メイリオ」に、「言語セットを”ラテン語ベース”にして指定したフォント（半角文字の表示に反映される）をお好きなフォント」に変更。（メイリオかArial辺りが見易いです）
２）「WEBページで指定されたフォントサイズを使用しない」と設定。
以上の2点だけで、Windows10＋IE11の環境で、全てのサイト表示が「メイリオと半角で指定したフォント」で表示されています。もう游ゴシックは使われていません。

■文字の「にじみ」について
「にじみ」の要因になるそうなことを考えてみましょう。
仰っている「にじみ」というのが、クリアタイプフォントを表示したことによる滲みなのか、それとも他の要因があるのかが判然としません。クリアタイプフォントはMSゴシックなどのビットマップフォントのガタつきを目立たなくするために「（身も蓋もない言い方をすると）全体を太くして境界線部をぼんやりと表示」させた苦肉の策ですから、表示させる文字の大きさによっては多少なりとも「にじんでいる」と感じるものです。文字の大きさなどの客観的な設定だけではなく、見た目の主観的な印象という個人差も加わります。文字を大きく表示すれば滲みは目立ちませんが、小さな文字では限界がありますから滲んだり潰れてしまうこともあります。
クリアタイプの調整はされていますか？
また、ブラウザの表示フォントをメイリオにしても改善が見られない（Yahoo!のサイトは悪化したのですよね？）ということは、他の部分に原因があると考えるのが自然です。

■Yahoo!のサイトについて
こちらからできることは「他の外的要因はないのか？」という目で見ることしかありませんので…
私はあまりYahoo!のサイトを見ませんので気になったことはないのですが、Yahoo!のサイトを改めて表示させると「文字が異常に小さい」ですね。昔はこんな表示ではなかったと記憶しています。
これには違和感を感じましたのでHTMLソースのフォントサイズを見てみました。全部かどうかはわかりませんが、”85％”や”11px”/”13px”（11や13ピクセル）と記述されています。トップページの文字は85％に縮小させ、その他のページは場所によってこと細かにフォントサイズが指定されていました。
試しにインターネットオプションで「WEBページで指定されたフォントサイズを使用しない」とすると、文字が大きく表示されるようになります。特にトップページは劇的に大きくなります。ここをチェックしたままだと全サイトの文字表示が大きくなってしまい崩れてしまう場合が出てきますので、ここのチェックはお勧めしません。あくまでも確認用です。
ホームページの一定の幅の中により多くのコンテンツを詰め込めるように、Yahoo!が意図的に小さな文字を表示させるようにしているのではないかと思われます。大方左右に表示する広告の領域を確保するためではないですかね？このため、ブラウザでの拡大率100％（サイトの指定通りということ）で表示させると文字が小さく、よりゴニョゴニョになって「にじみ」が目立つのではないかと私は感じました。

ですので、もうブラウザ側で拡大という方法で妥協するしかなさそうで、Yahoo!のサイトは（私の環境では）110～120％が許容範囲でした。IEはブラウザでの拡大率が全サイトに適用されてしまうみたいですから不便ですが。（Firefoxではサイト毎（たぶんドメイン毎）に設定した拡大率が記憶されます）

■レンダリングエンジンについて
以上のことをやっても、IE11とFirefoxとでは表示される文字の見た目はまだ違います。もうこれはOSの環境とレンダリングエンジンの影響位しかないのではと思います。ブラウザにはWEBページの記述を解釈して表示させるまでの機能を担っているレンダリングエンジンが搭載されており、IEはIE用の、FirefoxやGoogle Chromeはまたそれぞれ独自のエンジンを採用しています。
ですが、同じIE11でのサイト表示が、Windows7環境下とWindows10下では違って見えるのは間違いなさそうですね。これはcia1078様が「変更前よりは心持見やすい程度」とお感じになった通りなのだと思います。もしかすると、Windows8.1から移行した方は既に「ユニバーサルWindowsプラットフォーム」用のデザインに慣れているのでそれ程違和感を感じないのかもしれません。私は大いに違和感を感じました。

どうも要因が複数あるような気がしますね。
・OS環境とブラウザによる違い。同じIE11でもOSが違う（Win7/Win10）と文字の見た目も変わる。
・サイトの指定による差。（文字フォント指定や文字の大きさの指定が小さいサイト）
・ブラウザでの表示フォント指定。（設定すれば対処可）
私の場合は使い方が違うことで、その要因の部分をたまたま吸収できているのかもしれません。
・IEを使っていないこと。（今後IE→Microsoft Edgeに移行するような動きですので、1年程前に完全にFirefoxに乗り換えました）
・全サイトを”メイリオ”で表示させていること。
・各サイト毎に表示の拡大率を変えられるブラウザだということ。
・たまたまYahoo!のサイトを見ないこと。（でもソフトウェアエンジニアの方のブログなど、文字がもっと小さく見えるサイトは他に幾らでもあります）
根本的には私は「通常はWindows10を使用していないこと」なのですが…通常環境はWindows7で、Windows10はあくまでも一時的な動作確認環境です。全てが正常に動作しているようには見えないので、新しいビルドがリリースされると時々クリーンインストールして動作確認しています。

ひとしきり確認したところでは以上のことが判っただけなので、あとはどのような運用方法が良いのかご選択ください。IEを見限るのも良し、大きく拡大して表示させるのでも良いと思います。そうそうすぐにIEがなくなる訳ではないでしょう。少なくともWindows8.1のサポート期限の2023年1月までは。

良い回避方法が見つかりますことを願っております。

お礼

物凄く詳細にお教え頂き本当に有り難うございました。
また、随分お時間をとらせて申しわけございませんでした。
はい、長い質問注意致します。すみませんでした。

クリアタイプの調整は何度も行いました。

qq149598100さんがお書き頂いた内容、何度も読みなおして、種々試してみたいと思います。

本当に有り難うございました。

回答No.7

John_Papa

No.5です。お礼ありがとうございました。

WEBによるフォント指定を無視させる方法
http://seo.muraweb.net/blog/%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6/ie%E3%81%A7%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%81%AE%E5%A4%89%E6%9B%B4%E6%96%B9%E6%B3%95/

OKwaveの画像は420×315ピクセルですし、セキュリティの為にWEBサーバーで再エンコーディングされますので、ボケますが、游ゴシックとメイリオとIE11でDefaultセットされているMS Pゴシック（Windows7とは書体が違い細くなってます）で表示させて並べてみました。（添付画像）
Meiryo UIとか、MS UI Gothicにすると文字間がぐっと詰まって行数も減ります。
お好みでどうぞ。

なお、その他の日本語フォントも指定できますが、フォントによってはJIS第三第四コードなどの文字が収録されていない為に表示できない場合があります。

お礼

物凄く助かるご指示有り難うございました。
ご添付頂いているURLどおり、操作しましたが、本 OK waveの文字もメイリオになっていないようです。
確かに、変更前よりは見やすくなりましたが、、、、。
何か操作間違っているのでしょうか？
ご教授頂ければ幸いでございます。

補足

物凄く助かりました。
随分、長文をご作成下さりお時間とらせました。
また、添付していただいたURLを読み、原理が理解できありがたかったです。
これからもどうぞ宜しくお願い致します。
お礼まで

回答No.6

Katsu_Kaiz

Windows7と10では、書体（フォント）が異なるためだと思います。大ざっぱにわけると、Windows付属のゴシック体は下記のように変化してきました。つまり、7のメイリオが10では游ゴシック体に変わっており、この差が見た目にも表れているのだと思います。

　・Windows3.1～XP……ＭＳゴシック
　・WindowsVista～8……メイリオ
　・Windows8.1～10……游ゴシック体

なお、游ゴシック体そのものは商業印刷（本屋さんで売っているような本）の現場でも使われている、非常に完成度の高い書体です。いっぽう、Windowsの画面表示は昔から貧弱で、せっかくの高級書体にもかかわらず「物凄くいびつ」に見えてしまいます。

◆字游工房｜JIYUKOBO | 游明朝体ファミリー
　http://www.jiyu-kobo.co.jp/library/ymf/
◆字游工房｜JIYUKOBO | 游ゴシック体ファミリー
　http://www.jiyu-kobo.co.jp/library/ygf/
◆Macに慣れたらWindowsのフォントが耐えられないので解決してみた｜Mac - 週刊アスキー
　http://weekly.ascii.jp/elem/000/000/206/206833/

これを解決するために、『MacType』というソフトを入れてみてはいかがでしょうか？　そもそもは中国語を滑らかに表示すべく開発されたものですが、ちゃんと日本語にも対応しており、とりあえずインストールしただけでも十分に使えます。あらゆる書体が見違えるほど滑らかになることから、これに慣れると「物凄くいびつ」なWindowsには戻れなくなるほどです。

あるいは前回答者さんのおっしゃるように、ブラウザのフォントをメイリオに変更する方法もあります。IEであれば《インターネットオプション》から変更できるはずなので、こちらのほうが簡単かもしれません。

なお、OKWaveの文字は游明朝体ではなくて游ゴシック体です。一番最初に游ゴシック体を、もし游ゴシック体がなければメイリオを表示させるようなCSS（設定ファイル）になっています。だからこそ10では游ゴシック体に、7ではメイリオになるわけです。

お礼

詳しくお教え頂き本当に有り難うございました。
とても助かりました。
今後とも何卒宜しくお願い申し上げます。

補足

物凄いありがたいコメントありがとうございました。
また、とても詳細にお書き頂きお時間とらせました。

しかし、マイクロシフトもどうして游ゴシック体にしたのでしょうね？不可思議でなりません。物凄く滲みがでていますよね。
Windowsの画面表示は昔から貧弱で、せっかくの高級書体にもかかわらず「物凄くいびつ」に見えてしまうというお話、とても納得しました。

もし宜しければ以下のKatsu_Kaiz さんのコメントをもう少しご解説いただいてもよろしいでしょうか？わたくし、この分野、まったくうとくて大変恐縮でございます。

「もし游ゴシック体がなければメイリオを表示させるようなCSS（設定ファイル）になっています。だからこそ10では游ゴシック体に、7ではメイリオになるわけです。」

Win10をメイリオに変更すれば、OK waveもメイリオで見ることができるのでしょうか？

回答No.5

John_Papa

こんにちは。

OKwaveのフォントはArial,Helvetica,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serifが指定されてます。
Windows10のIEならこの中で游ゴシックになりますね。Windows7ならMeiryoかな？
游ゴシックは以前のUIゴシック等に比べると細身になってます。
たしかに表示方法がWindows10で仕様変更されたというのも一因にあるでしょう。Windows7でもそれまでと変わってます。
それと、指定されたフォント游ゴシックの仕様もありますね、文字サイズの指定が小さすぎて文字を表示するピクセル数が不足して歪に表示される原因になってます。
『物凄く』の凄などは、250％表示にしてやっとバランスの取れた文字になります。回答を入力してるエディタで表示されるUIゴシックの方が読みやすいです。
ま、私は老眼なのでブラウザの設定で普段から125％に拡大表示してますので、あまり書体の崩れが気にならないで読めてます。
気になるなら一度拡大表示と見比べてみてはいかがですか？
解決法にはならないでしょうけど。

お礼

早々とお教え頂きありがとうございました。
また詳しくお教え頂き助かりました。
まさか、最新のPCがこんなことになるっているとはショックです。
今後ともどうぞ宜しくお願い申し上げます。

回答No.4

qq149598100

何となく想像はつきますが、状況があまり具体的でないので確証が持てません。
文字がいびつかどうかは主観的な部分ですが、私も線が細く・大きさによっては部分的に滲んだようなフォントに見え、好みではありません。

何のブラウザをお使いでしょうか？
IE11ならば、
・インターネットオプション
・右下のユーザー補助ボタン
・「WEBページで指定されたフォントスタイルを使用しない」
にチェックを入れてみて下さい。
ここにチェックを入れるとIEに設定されているフォントで表示されます。（インターネットオプションのフォントで変更はできます）

Google Chromeではこのような指定がありません。スタイルシートなどで指定しないと駄目なようです。
Firefox系ではオプションのコンテンツ－フォント指定の部分に同様の設定があります。（指定の仕方は表現がIEと逆）
Microsoft Edgeについては私は使っていないので判りません。

OK WAVEのサイトのフォントは「游明朝」と指定されているのではないかな と思っています。

参考までにFirefoxでの文字表示のキャプチャ画像を貼ります。200％に拡大表示させた状態なので、滲んでいる部分はありません。（上がメイリオ、下がサイトの指定フォント）

お礼

ご教授有り難うございました。
ご指示に従い、「メイリオ」に変更しました。
その結果、変更前よりは心持見やすい程度で、やはりこのOK wave中でのコメント文字もにじみがあります。
逆にヤフーのサイトの文字がもっとにじんでしまいました。何か改善方法がありましたら、具体的におおしえ頂ければとてもありがたく存じます。
何卒宜しくお願い申し上げます。

補足

早々とお教え頂きありがとうございました。
またとても有益な情報をありがとうございました。

IEは11でございます。

私のPCはqq149598100 さんが貼っていただいた下の画像状態です。
Win10では游明朝、Win7ではメイリオになることが、qq149598100 さんのご解説でわかりました。
ですので、是非メイリオにしたく、qq149598100 さんのご指示に従ってみます。万一わからなければ再度お教え頂ければ幸いでござます。
何卒宜しくお願い申し上げます。

回答No.3

takaman5555

ディスプレイ設定で「テキスト、アプリ、その他の項目のサイズを変更する」が100%以外になっていると、文字がばやけたりかすんだりすることはあります。
（ブラウザでの倍率のことではなく、Windows自体の設定のことです。）

お礼

早々とお教え頂きありがとうございました。
参考になりました。
これからもどうぞ宜しくお願い致します。

回答No.2

qazwsx21

私もそのようなこと（文字がかすれて見える）があり、調整をやってみました。
デスクトップＰＣなので、モニターとグラボのドライバーの更新をやりました。それから、グーグルクロームですので、フォントの設定を変えてみました。少し見やすくなりました。また、モニターの解像度が変わってしまったかもしれないので、確認してはいかがでしょうか。

お礼

早々とお教え頂きありがとうございました。
はい、確認してみます。
しかし、せっかくWin10PC買ったのにショックです。マイクロソフトさんなにしてるんでしょうかねー。
今後ともどうぞ宜しくお願い申し上げます。

回答No.1

2012tth

Windows 7 Pro 32bit → Windows 10 Pro 32bit にした者です。

Windows 10 デフォルトだと私的に目が悪く見辛いので？アップグレード後
真っ先にフォントを自前用？に弄りました。
その他も色々と専用にしています。自作機です。

> Windows10がこのような仕様になったのでしょうか？
Windows 10 からなのか？ Windows 10 専用なのか？分かりませんがそうです。

お礼

早々とお教え頂きありがとうございました。
参考になりました。
今後ともどうぞ宜しくお願い申し上げます。