中国語と日本語混在のwebページでフォントを揃えたい
こんにちは。
現在中国語ページを作成しておりますが、印刷すると日本語にある漢字と中国語のみに存在する漢字のフォントが異なっています。
日本語にある漢字or英数字・・ゴシック系
中国語のみに存在する漢字・・明朝系
印刷して配りたいので同じフォントに合わせたいのですが、 cssで指定する場合、フォント名は何にしたらよいのでしょうか？
できればゴシック系だと嬉しいです。
ちなみに今は、「"Arial", "Helvetica", "sans-serif"」と設定します。
すみませんが、よろしくお願いいたします。
投稿日時 - 2009-07-02 16:09:46
このQ&Aは役に立ちましたか?
4人が「このQ&Aが役に立った」と投票しています
回答（4）
つまり日本語と中国語の文字を同じフォントで印刷したものを作りたいということですね?
であれば、日本語と中国語の文字を両方含んだまともなフォントは私は知りませんので、似たフォントで我慢することにしましょう。
明朝であれば中国語がSimSunで日本語がMS明朝など、ゴシックであれば中国語がSimHeiで日本語がMSゴシックなどでどうでしょう。
SimHeiは小サイズの表示に難があるために表示にはふつう使われませんが、印刷ならたぶん問題ありません。
またゴシックは、「メイリオ」およびこれと似た簡体字フォント「MS YaHei」の組があります。ただしVistaと7のみですが。
なおCSSは、最初に日本語フォントを指定し次に中国語フォントを指定するとよいでしょう。
投稿日時 - 2009-07-03 13:12:27
回答ありがとうございます！
お伝えいただいたように設定してみました。
画面表示は今のままにして、@media printで印刷のほうにSimHeiを設定したところ、できました！
ありがとうございます。感謝です！！
投稿日時 - 2009-07-03 17:35:28
無理にがんばらなくても、文章に正しく言語属性を指定するだけで
問題なく表示するはずですけどね。たとえば
<p lang="ja">中国語クライアントの環境で漢字フォントを揃えたい</p>
<p lang="zh-cn">想在中文客户环境汇集汉字字体</p>
<p lang="ja">日本語の字体と、<span lang="zh-cn">中文字体</span>を混在させる</p>
というソースで、ブラウザのフォントの指定が日本語のsans-serif
がヒラギノ角ゴシックで中国簡体字のsans-SerifがSTHeitiな環境
なら、添付の図のように表示されます。あ、本物のソースはutf-8
で書いてあって、上記のように実体参照にはなってません。
ちなみにFirefoxです。
マルチメディア機能とは？
投稿日時 - 2009-07-03 00:26:08
よくよく質問を見たら、私の書き方がとてもおかしかったです。
すみませんが書き直してみました。
【質問】
「全文中国語webページを"日本語"クライアントの環境で"印刷した場合"、漢字フォントを揃えたい」
印刷するとは、以下のようにフォントが違って印刷されます。
中国語と日本語の"両方に存在する漢字"（"日本"とか"株式会社"とか）・・・ゴシック系
中国語のみに存在する漢字・・明朝系
metaを以下のようにしています。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="zh-cn" />
フォントを設定したcss部分は以下の通りです。
body {font-family : Arial, Helvetica, sans-serif; color: #000000 text-decoration:none;}
投稿日時 - 2009-07-03 11:26:41
回答いただき、ありがとうございます！
私の質問の仕方がおかしかったので、
お伝えいただいたことを参考に修正したのですが、うまくいかないようです。JALとかYAHOOとかの中国語版のように印刷時に同じフォントになるといいのですが・・・。（ただJALとかYAHOOは明朝系ですが）
投稿日時 - 2009-07-03 11:26:32
ようするに、「中国語クライアントの環境で漢字フォントを揃えたい」ということですよね？
私なら中国語サイトのフォントをひたすら調べます。そして、そのフォントを手に入れて表示してみる。
下記URLのリンク先が参考になりそうです。
中国情報源リンク集（中国語サイト）
http://www.21ccs.jp/site_link/link_data2.html
その中にGoogleがあります。
Google
http://www.google.com/intl/zh-CN/
ここでは
font-family: arial,sans-serif;
が指定されていますね。
sans-serifはデフォルトのゴシック体が指定されるので、中国語環境でも正常に表示されるんじゃないでしょうか。
(私の環境ではフォント崩れが起きず、正常描画されています)
# 勿論、これは一例ですし、他サイトも調べた方が万全だと思います。
投稿日時 - 2009-07-02 22:54:19
説明が不足していてすみません。
「"日本語"クライアントの環境で"印刷した場合"、漢字フォントを揃えたい」ということです。
表示は同じフォントで表示されるのですが、日本語環境で印刷すると
中国語は明朝系、日本語はゴシック系で印刷されるのです。
投稿日時 - 2009-07-03 08:43:56
回答ありがとうございます！
そして調べ方を教えていただき、ありがとうございます。
投稿日時 - 2009-07-03 08:43:48
無理です。
というか、根本的な考え方が間違っています。
HTMLは、その目的が、
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より
フォントを持っていなくても、適当なフォントを使用して表示、あるいは読み上げたりできるためのものです。
DTP(組版ソフト)- http://ja.wikipedia.org/wiki/DTP -やワープロとは根本的に異なる目的のものです。
★これは初心者が最も陥りやすい誤解です。★
だって本当にワープロみたいですものね。
HTML5とCSS3の組み合わせで、自分のプラットフォームにないフォントをダウンロードして表示はできるようになるでしょう(Firefox3.5なら可能)が、そもそもそのブラウザを持ってなきゃダメ。
HTMLは携帯端末(PDA)や携帯電話は無論、検索エンジン、読み上げブラウザや点字ブラウザでも利用できるというのが目的ですから・・
当然、それらも考慮して作成するべきものです。
印刷を目的にするなら、そのためのファイル形式があります。もっとも有名なものはPDF( http://ja.wikipedia.org/wiki/PDF )でしょう。
ですので、HTMLではなくPDFにして、そのファイルで使用するフォントを埋め込んでおけば、世界中の誰でも印刷したらほぼ同じに印刷できるでしょう。--ただしプリンターの違いは避けようがない---
投稿日時 - 2009-07-02 17:42:25
回答ありがとうございます！
根本的に目的が異なる、それは確かにそうですね。
先方にどうやってお伝えするか考えてみます。
投稿日時 - 2009-07-03 08:38:52