Iphone chrome フォント変更

iPhoneやスマホのブラウザの文字を大きくするには

最終更新日 2021-02-05 20:46

Iphone chrome フォント変更
Iphone chrome フォント変更
Iphone chrome フォント変更
Iphone chrome フォント変更
Iphone chrome フォント変更

私のように老眼で苦労している人も多いかと思います。若いころは、サイトをクールに見せるためにあえて文字を小さくしていましたが、今は標準サイズの文字ですら読むのに苦労する始末・・・。
そこで今回はiPhoneやスマホでサイトを閲覧するときに、文字を大きくする方法を紹介します。

Sponsored Link

目次

  • iPhoneで文字を大きくする方法
    • Safariで文字を大きく
    • リーダーズモードで読みやすく
    • 文字が大きいブラウザアプリ EyeFriendly
    • 見ているページのフォントを大きくする Font Size
  • アンドロイドの場合
    • Xperiaで文字を大きくする方法
    • GALAXYで文字を大きくする方法
  • スマホもPCでも強制的に文字を大きくするブックマークレット

なお、iPhoneのすべてのフォントを大きくするには、iPhoneのアイコンのサイズや文字の大きさを変更するを参考にしてください。

iPhoneの場合

Safariで文字を大きく

最新のiOSでは、標準の機能でブラウザの文字を大きくすることができるようになりました。以下、やり方。

Iphone chrome フォント変更
小さなフォントが使われているページ、サイトを表示させたら、URL欄の左側(丸で囲った部分)をタップします。

Iphone chrome フォント変更
一番上の「あ」の右側の部分をタップします。

Iphone chrome フォント変更
中央の数字(パーセンテージ)が上がっていきます。
逆に小さくすることも可能で、50~300%で拡大・縮小できます。

Iphone chrome フォント変更
例えば200%拡大した場合はこんな感じ。

Iphone chrome フォント変更
最大の300%だとここまで大きくできます。

Iphone chrome フォント変更
ページを拡大するには、2本の指でピンチアウトでも拡大できます。が、この場合・・・

Iphone chrome フォント変更
画面外にはみ出た部分を読むために左右にスクロールせねばならず、ストレスが溜まります。

Iphone chrome フォント変更
ところがこの
Iphone chrome フォント変更
Safariの文字の拡大・縮小昨日はきちんと画面の端で改行してくれます。
つまり横スクロールが必要がない。

一度拡大するとそのサイトでは拡大率が固定される

このSafariの文字の拡大縮小の便利なところは、一度拡大させると、同じドメインであれば別のページや次回同じページを開いた場合でも、拡大率は維持される点です。
一度拡大した設定は以下の方法でリセットできます。

Iphone chrome フォント変更
Iphone chrome フォント変更
設定を開き、
Iphone chrome フォント変更
Safariを開きます。

Iphone chrome フォント変更
「ページの拡大/縮小」をタップします。

Iphone chrome フォント変更
このようにドメインごとに拡大率が保存されています。変更したい場合は、変更したいドメインをタップ。

Iphone chrome フォント変更
リセットしたい場合は100%にチェック。
これで拡大率はリセットされました。

実はiPhoneで標準にインストールされている

Iphone chrome フォント変更
Safariでは、文字を大きくすることが出来ません。
が、アプリを使用したりブックマークレットを使って大きくする方法があります。

リーダーズモードで読みやすく

iPhoneの

Iphone chrome フォント変更
Safariには、必要最低限の画像と本文しか表示させない、「リーダー表示」という機能があります。
このリーダー表示にすると広告や余計なリンク、画像を非表示にして読みやすくなり、フォントの大きさも自由自在になります。

Iphone chrome フォント変更
リーダー表示させたいページのURLの左をタップします。

Iphone chrome フォント変更
「リーター表示を表示」というおかしな?日本語の部分をタップします。

Iphone chrome フォント変更
このようにダークモードで表示されました。

文字の大きさを変更したり、ダークモードを解除するにはURLの左の「あ」の部分をタップ。

Iphone chrome フォント変更
リーダ表示の設定が表示されます。元のページ表示に戻したい場合は、「リーダー表示を非表示」をタップします。
背景の色を白やセピアにすることも出来ます。

Iphone chrome フォント変更
文字を大きくしたところ。

Iphone chrome フォント変更
「リーダー表示」はすべてのページで使えるわけではなく、このようにURLの部分に「リーダー表示を使用できます」と表示されていれば使うことができます。

フォントの種類の選択

また、フォントの種類も変えることが出来ます。変えたフォントは以後、リーダーズモードを呼び出すとそのフォントで表示されるようになります。
選べるフォントは「ヒラギノ角ゴシック RroN」と「ヒラギノ明朝 ProN」の2つ。

Iphone chrome フォント変更
こちらが「ヒラギノ角ゴ ProN」。

Iphone chrome フォント変更
こちらは「ヒラギノ明朝 ProN」。
Windowsだと明朝体って読みにくくて敬遠される傾向がありますが、MacやiPhoneの明朝体は太くて読みやすいですね。

文字が大きいブラウザアプリ EyeFriendly

Iphone chrome フォント変更
上のリーダーズモードは、ページを開くたびにボタンをタップしないといけないという欠点があります。
EyeFriendlyというアプリを使えば、最初から文字を大きくして表示してくれます。

Iphone chrome フォント変更
使い方は標準ブラウザの
Iphone chrome フォント変更
Safariとほぼ変わりないのですが、画面下部に表示されるボタンの役割はこんな感じ。
左から「戻る」「進む」「更新」「ホームへ戻る」「設定」です。

Iphone chrome フォント変更
ページ閲覧中はボタン周辺が透けるようになっているようです。

Iphone chrome フォント変更
ホーム画面は有名サイトが登録されているようです。

なお、あとで紹介する「ブックマークする」をタップするとここに登録されます。

Iphone chrome フォント変更
このEyeFriendlyでサイトにアクセスすると、このように文字が大きくなります。
大きさを調節することは出来ませんが、上で紹介したリーダーモードと違い、デフォルトで文字が大きいので、私のような老眼や近視、ご老人の方にはいいかも。

Iphone chrome フォント変更
「設定」をタップするとこのようなメニューが表示されるので、「ブックマークする」をタップするとEyeFriendlyのホーム画面に登録されます。

Iphone chrome フォント変更
「コントラスト強調」をタップすると・・・

Iphone chrome フォント変更
このようにメリハリがはっきりしたページになります。

見ているページのフォントを大きくする Font Size

Iphone chrome フォント変更
有料ですが、
Iphone chrome フォント変更
Safariで見ているページのフォントの大きさを自由に調節できるFont Size App Extensionというアプリもあります。

Iphone chrome フォント変更
有料で120円です。

Iphone chrome フォント変更
使い方はまず、
Iphone chrome フォント変更
Safariで好きなページを表示させ、画面中央下の共有ボタン(丸で囲った部分)をタップします。

Iphone chrome フォント変更
下の段を左にスワイプし、「その他」をタップします。

Iphone chrome フォント変更
すると一覧の中に「Font Size +」や「Font Size -」などの項目があるので、ここをオン(黄緑色)にします。

Iphone chrome フォント変更
オンにしたら①の部分タップしたまま上にずらしていきます。
上から2~3番目あたりに移動します。

2つとも移動させたら、右上の「完了」をタップします。

Iphone chrome フォント変更
もう一度共有ボタンをタップします。

Iphone chrome フォント変更
するとこのようにフォントを大きくするボタンが表示されるようになりました。
一回タップするごとに25%文字が大きくなります。

Iphone chrome フォント変更
左は標準の大きさ。
右がこのアプリで25%大きくしたところ。ずいぶん見やすくなりました。

ブックマークレットで文字を大きく

さいごに紹介するのは「ブックマークレット」という方法で文字を大きくする方法を考えてみました。
ちょっとめんどくさいですが、アプリも必要ないので試してください。

JavaScriptをコピーする

まずは、こちらのページを表示してください。

Iphone chrome フォント変更
テキスト入力欄(画像のピンクの枠で囲まれている部分)に指をタッチし、タッチしたままにすると・・・

Iphone chrome フォント変更
このような吹き出しが表示されます。
このフキダシの中の「全選択」をタップしてください。

Iphone chrome フォント変更
テキスト入ろく欄が選択(薄い青色になる)されるので、ここをもう一度タップします。
すると、今度はこのような吹き出しになるので、「コピー」をタップします。

ブックマークに登録

Iphone chrome フォント変更
続いて、画面の下にある「共有ボタン」(画像の丸で囲まれている部分)をタップします。

Iphone chrome フォント変更
画面の下から色々なボタンが表示されるので、「ブックマークを追加」をタップします。

Iphone chrome フォント変更
「場所」が「ブックマーク」になっていることを確認し、右上の「保存」をタップします。

ブックマークレットを登録する

Iphone chrome フォント変更
今度は「ブックマーク」のボタンをタップします。

Iphone chrome フォント変更
「文字拡大」というブックマークが登録されていると思います。

Iphone chrome フォント変更
右下にある「編集」をタップ。

Iphone chrome フォント変更
「文字拡大」をタップします。

Iphone chrome フォント変更
URLの部分をタップすると、小さなバツじるしが表示されるので、ここをタップします。

すると、URLが消えました。

Iphone chrome フォント変更
消えたURLの部分をタップし続けると、「ペースト」という吹き出しが表示されるので、ここをタップします。

Iphone chrome フォント変更
左上の「ブックマーク」をタップします。

Iphone chrome フォント変更
最後に右下の「完了」をタップします。

これで文字を大きくするブックマークレットの登録が完了しました。

文字を大きくしてみる

Iphone chrome フォント変更
では、実際に大きく出来るか試してみましょう。
先ほどのページの「サンプル(文字が小さいページ)」の部分をタップします。

Iphone chrome フォント変更
このように小さな文字のページが表示されました。
二本の指で広げようとしても大きくならないと思います。

Iphone chrome フォント変更
ブックマークのボタンをタップします。

Iphone chrome フォント変更
先ほど登録した、「文字拡大」をタップすると・・・・

Iphone chrome フォント変更
このようにフォントが一気に大きくなりました。

元の大きさに戻すには

Iphone chrome フォント変更
元の大きさに戻すには、更新ボタンをタップします。

残念ながらこの方法は、新たにページを表示させたり、更新をタップすると元に戻ってしまいます。

アンドロイドの場合

アンドロイドの場合はもっと簡単。やり方は各メーカーで若干違うので、SONY Xperiaと、Samsung GALAXYの2つを紹介します。

XperiaやAQUOS PHONEの場合

Iphone chrome フォント変更
エクスペリアやAQUOS PHONEは、ブラウザアプリが「Chrome」になっていると思います。
以下はChromeの文字を大きくする方法。

Iphone chrome フォント変更
URLの右隣にある丸で囲った部分をタップします。

Iphone chrome フォント変更
メニューが表示されるので「設定」をタップします。

Iphone chrome フォント変更
「ユーザー補助」をタップします。

Iphone chrome フォント変更
「テキストの拡大と縮小」が表示されます。
このスライダーを右に動かせば、フォントが大きくなります。(最大200%)

下の「強制的にズームを有効にする」は、ピッチアウト(2本の指で広げる)すると、ページの設定にかかわらず拡大させる機能。
ここはチェックしなくてもOK。

Iphone chrome フォント変更
100%の大きさと200%の大きさを比較したところ。
ずいぶん見やすくなりましたね。
アンドロイドの場合は、一度この設定にするとずっとこの設定のままフォントが大きくなります。

Galaxyの場合

Iphone chrome フォント変更
Galaxy標準のブラウザはこの「ブラウザ」。
やり方はChromeとほぼ同じ。

Iphone chrome フォント変更
URLの右側にある「その他」をタップします。

Iphone chrome フォント変更
「設定」をタップします。

Iphone chrome フォント変更
「詳細設定」をタップします。

Iphone chrome フォント変更
「テキストサイズ」をタップします。

Iphone chrome フォント変更
テキストの表示倍率のスライダーを右に動かせば、文字が大きくなります。

Iphone chrome フォント変更
200%まで拡大できます。

Iphone chrome フォント変更
100%(左)と200%に拡大(右)した場合の比較です。

古いGALAXYの場合

Galaxy J以前の古いGalaxyの場合のやり方は以下。

Iphone chrome フォント変更
Galaxyでサイトの文字を大きくするには、まず、メニューボタンをタップします。

Iphone chrome フォント変更
「設定」をタップ。

Iphone chrome フォント変更
「詳細設定」をタップします。

Iphone chrome フォント変更
「読みやすさ調整」をタップします。

Iphone chrome フォント変更
「テキストの表示倍率」のスライダーを右に移動させると、フォントが大きくなります。
なお、「テキスト拡大」にチェックを入れてください。

「拡大/縮小設定を制御」は、サイトの設定でピッチイン・ピッチアウトによるページの拡大表示禁止であっても、強制的に拡大できるようにする機能です。

Iphone chrome フォント変更
130%に拡大してみました。

Iphone chrome フォント変更
ちなみに100%だとこんな感じ。

Iphone chrome フォント変更
アンドロイドの拡大・縮小は、行間も適切に拡大してくれるようで、すごく見やすいですね。

ページの拡大

Iphone chrome フォント変更
二本の指で広げるようにすると、ページ全体が拡大してしまい、文字がはみ出てしまいます。
今回紹介した方法は、画面の端に来たらきちんと改行するので、横にスクロールしなくても読むことが出来ます。

関連ページ

  • フォントを太く大きくする拡張機能を自作して公開してみた
  • iPhoneの広告を消すリーダー
  • iPhoneのアイコンのサイズや文字の大きさを変更する
  • iPhoneで単語登録
  • iPhoneの画面を録画するには

最終更新日 2021-02-05 20:46

Iphone chrome フォント変更
Iphone chrome フォント変更
Iphone chrome フォント変更
Iphone chrome フォント変更
Iphone chrome フォント変更

Sponsord Link

Chromeのフォント設定は?

Google Chrome ブラウザの右上にあるメニューをクリックして、[設定] を開きます。 下にスクロールして [フォントをカスタマイズ] をクリックしてください。 [Sans Serif フォント] 欄で、標準フォントを変更できます。

Googleの文字を大きくする方法は?

現在のページを拡大、縮小する.
Android デバイスで Chrome. を開きます。.
右上のその他アイコン [設定] をタップします。.
[ユーザー補助機能] を選択します。.
[テキストの拡大と縮小] の横にあるスライダーをドラッグして、テキストが読みやすい大きさになるように調整します。.

グーグル画像の大きさは?

Google サービス上では、以下の基準を満たす写真が最適です。 推奨解像度: 縦 720 ピクセル、横 720 ピクセル最小解像度: 縦 250 ピクセル、横 250 ピクセル品質: ピントが合っていて十分な明るのある写真を使用します。 大幅な加工や過度のフィルタ使用は避けてください。

グーグルズームの直し方は?

ページを拡大または縮小表示する ページを縮小表示する: Ctrl キーを押しながら - キーを押します。 ズーム表示をリセットする: Ctrl+0 キーを押します。