webページが、表示と印刷で英単語の改行位置が違う

質問

日本語の間に英語が出てくるwebページを作成しています。
文字スペースの両端を揃えたいとのことでしたので、
text-justify: inter-ideograp;または text-justify: newspaper;を設定しています。
文末が英単語で「appreciation」とした場合、
画面表示ですると「appreci」と「ation」に分かれるのですが、
印刷すると「apprecia」「tion」と違う位置で改行してしまいます。

画面表示に揃えたいのですが、どのように指定するかご存知でしたら教えていただけませんか？

回答No.2

ORUKA1951 · ベストアンサー

>そうですよね。ただ確認されているのが担当の方の上司（デザイナー出身）で、プリントアウトしてチェックしているので説明が難しくて。

なら、私が行っている方法・・ブラウザはPearl Crescent Page Saver( https://addons.mozilla.jp/firefox/details/10367 )アドオンを使います。画面をそのままカメラで撮影したように保存できます。解像度もプリントアウトに適するように少し大きく(200dpiくらいで)撮影して、PhotoShopか何かで開いてPDFにしてしまう。

　Webに対する知識はこちらが豊富なので、SEOのためには率直なHTML、文書構造に従ったマークアップが必要なこと、ユーザーエージェントはブラウザ、携帯電話、i-phone、プリンター、検索エンジンと様々でありそのいずれにも対応するのがHTMLであること。プレゼンテーションはスタイルシートで設定すること・・これらを説明し、印刷が想定されるページは印刷用スタイルシートを用意する。カタログや価格表のように100%印刷して利用されるものは、ワープロやDTPで作成したものをPDFで配布すること。
　などを説明しています。

　印刷とディスプレイ表示が異なるのは、ブラウザが持っているデフォルトのスタイルシート自体が異なるからです。

お礼

お礼が遅くなってしまい、申し訳ありません。
丁寧に教えていただき、ありがとうございます！
html担当が私しかいないので、誰にも相談できなくて・・・。
クライアントにわかっていただけるよう、説明したいと思います。

回答No.1

ORUKA1951

無理です。
ディスプレイが広かったり、訪問者がフォントの種類やサイズを変更していたら・・

そもそも、画面と印刷用を同列に考えたらだめです。これはクライアントに説明する責任がある。

　基本的に、印刷用はまったく別のスタイルシートを用意して置くのが普通です。一般的なA4で上下15mm左右10mm程度あけた印刷面に、ページの区切り位置とか、ページ数などをスタイルシートで設定します。
Paged media ( http://www.w3.org/TR/1998/REC-CSS2-19980512/page.html )
ページ媒体 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/page.html )

お礼

ありがとうございます。

> そもそも、画面と印刷用を同列に考えたらだめです。これはクライアントに説明する責任がある。

そうですよね。ただ確認されているのが担当の方の上司（デザイナー出身）で、プリントアウトしてチェックしているので説明が難しくて。
またページも１０年くらいリニューアルしていないので、１０年前のtableレイアウトのまま更新しているのです。だから印刷用スタイルシートを作るとかなり大変になります。

でも説明できないとこの先同じようなことになると思いますので、どうしたら伝わるか考えてみます。