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

iPhoneやアンドロイドといったスマホで、小さい文字で表示されているページのフォントを大きくする方法を紹介します。

home HOME about About this site Mail Mail

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

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

twitter Facebook はてブ LINE pocet

 

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

Sponsored Link

 

目次

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

iPhoneの場合

Safariで文字を大きく

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

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

文字を大きく一番上の「あ」の右側の部分をタップします。

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

200%と100%の違い例えば200%拡大した場合はこんな感じ。

300%に大きくしたところ最大の300%だとここまで大きくできます。

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

ピッチインで拡大した場合画面外にはみ出た部分を読むために左右にスクロールせねばならず、ストレスが溜まります。

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

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

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

設定のSafariをタップ設定 設定を開き、Safari Safariを開きます。

ページの拡大縮小「ページの拡大/縮小」をタップします。

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

拡大率を選択リセットしたい場合は100%にチェック。
これで拡大率はリセットされました。

実はiPhoneで標準にインストールされているSafari ブラウザ Safariでは、文字を大きくすることが出来ません。
が、アプリを使用したりブックマークレットを使って大きくする方法があります。

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

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

URLの左をタップリーダー表示させたいページのURLの左をタップします。

リーダー表示を表示「リーター表示を表示」というおかしな?日本語の部分をタップします。

あの部分をタップこのようにダークモードで表示されました。

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

文字を大きくする方法リーダ表示の設定が表示されます。元のページ表示に戻したい場合は、「リーダー表示を非表示」をタップします。
背景の色を白やセピアにすることも出来ます。

リーダー表示で文字を大きく文字を大きくしたところ。

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

フォントの種類の選択

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

ヒラギノ角ゴ ProNこちらが「ヒラギノ角ゴ ProN」。

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

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

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

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

ボタンがスケルトンページ閲覧中はボタン周辺が透けるようになっているようです。

ホーム画面ホーム画面は有名サイトが登録されているようです。

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

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

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

コントラスト強調「コントラスト強調」をタップすると・・・

コントラストを上げたところこのようにメリハリがはっきりしたページになります。

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

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

有料アプリ有料で120円です。

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

その他をタップ下の段を左にスワイプし、「その他」をタップします。

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

移動させるオンにしたら①の部分タップしたまま上にずらしていきます。
上から2~3番目あたりに移動します。

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

共有ボタンをタップもう一度共有ボタンをタップします。

コントロールパネルに表示されたするとこのようにフォントを大きくするボタンが表示されるようになりました。
一回タップするごとに25%文字が大きくなります。

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

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

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

JavaScriptをコピーする

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

テキストエリアを長タップテキスト入力欄(画像のピンクの枠で囲まれている部分)に指をタッチし、タッチしたままにすると・・・

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

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

ブックマークに登録

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

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

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

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

ブックマークのボタンをタップ今度は「ブックマーク」のボタンをタップします。

文字拡大「文字拡大」というブックマークが登録されていると思います。

編集をタップ右下にある「編集」をタップ。

文字拡大をタップ「文字拡大」をタップします。

バツじるしをタップURLの部分をタップすると、小さなバツじるしが表示されるので、ここをタップします。

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

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

ブックマークをタップして戻る左上の「ブックマーク」をタップします。

完了をタップ最後に右下の「完了」をタップします。

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

文字を大きくしてみる

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

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

ブックマークのボタンをタップブックマークのボタンをタップします。

文字拡大先ほど登録した、「文字拡大」をタップすると・・・・

文字が大きくなったこのようにフォントが一気に大きくなりました。

元の大きさに戻すには

更新をタップ元の大きさに戻すには、更新ボタンをタップします。

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

アンドロイドの場合

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

XperiaやAQUOS PHONEの場合

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

右上のメニューをタップURLの右隣にある丸で囲った部分をタップします。

設定をタップするメニューが表示されるので「設定」をタップします。

ユーザー補助機能をタップ「ユーザー補助」をタップします。

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

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

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

Galaxyの場合

Galaxy のブラウザGalaxy標準のブラウザはこの「ブラウザ」。
やり方はChromeとほぼ同じ。

左上のその他をタップURLの右側にある「その他」をタップします。

設定をタップ「設定」をタップします。

詳細設定をタップ「詳細設定」をタップします。

テキストサイズをタップ「テキストサイズ」をタップします。

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

200%まで拡大できる200%まで拡大できます。

100%と200%の比較100%(左)と200%に拡大(右)した場合の比較です。

古いGALAXYの場合

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

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

設定をタップ「設定」をタップ。

詳細設定をタップ「詳細設定」をタップします。

読みやすさ調整「読みやすさ調整」をタップします。

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

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

130%130%に拡大してみました。

100%の時ちなみに100%だとこんな感じ。

比較アンドロイドの拡大・縮小は、行間も適切に拡大してくれるようで、すごく見やすいですね。

ページの拡大

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

関連ページ

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

 

twitter Facebook はてブ LINE pocet

Sponsord Link

 

最終更新日 2021-02-05 20:46 / 投稿日:2016-02-25 | このページのトップへ | コメントを書く | 管理

カテゴリー

同じカテゴリーの記事