想いのはしりがき
- 販促パートナー エンジェルデザイン トップ
- 想いのはしりがき
- サイトマップ
Win.10、ChromeでPDFが文字化けする件
![](https://angelheart.co.jp/column/wp-content/uploads/2020/01/icon_3g_192.png)
Webサイト上でPDFファイルにリンクでアクセスするとき、いきなりダウンロードではなく新規画面等でブラウズできる設定が、内容を確認してから閉じるかダウンロードするか決められるので一番スムーズ、と考えていますが、表題の条件だとPDFの文字が部分的に表示されなかったり文字化けする現象がありました。
対応方法として2つ、備忘録的に書き留めます。
Chromeの設定を変更する
PDFへのリンクをクリックするとダウンロードされるように設定します。表示上は文字化けしていたファイルですが、ダウンロードしてからローカル環境で開くとちゃんと表示される(ブラウザに依存しないから)ので、この方法もひとつ。
![](https://angelheart.co.jp/column/wp-content/uploads/2020/01/e3692ea0b0e0ff9572d3361042523586-2.jpg)
![](https://angelheart.co.jp/column/wp-content/uploads/2020/01/92503457257899d6d95f3db0beb1cc75-1.jpg)
![](https://angelheart.co.jp/column/wp-content/uploads/2020/01/b6ff11fd067918c2512d5090356b3dd1-1.jpg)
![](https://angelheart.co.jp/column/wp-content/uploads/2020/01/a722af19d4fecc9b85908524df54b465-1.jpg)
![](https://angelheart.co.jp/column/wp-content/uploads/2020/01/2fee4a7091968527438cf599d1266709.jpg)
![](https://angelheart.co.jp/column/wp-content/uploads/2020/01/b81d5067d411540c9ba8fe3bb1e5f205.jpg)
![](https://angelheart.co.jp/column/wp-content/uploads/2020/01/5c07f1652142fac97b2f3a8677fa74dd.jpg)
![](https://angelheart.co.jp/column/wp-content/uploads/2020/01/45a8ac7a88cfe5204e200262084450a8.jpg)
以上の作業で、Webページ上にあるPDFリンクをクリックすると、PDFのダウンロードが自動的に行われ、ローカル環境で開いても文字化けや文字の一部非表示なくPDFが閲覧できます。
PDF Viewer をインストールする方法
利用中のChromeにプラグインをインストールする方法です。
これを利用すれば、PDFリンクをクリックするとChrome上でPDFを開くことができるので、内容を確認してから、ダウンロードするか、閉じるかを選択できるようになります。
https://chrome.google.com/webstore/detail/pdf-viewer/oemmndcbldboiebfnladdacbdfmadadm
サイト上でPDFを閲覧/ダウンロードできるようにするケースはしばしばあります。クライアントから支給されるデータがすでにPDF化されている場合、フォントの埋め込みやアウトライン化などの対策ができないため、上記のような対応が必要になる場合があると思い、書き留めました。