中国語（簡体字）フォントのCSSでの指定方法

　中国語でウェブページやブログを作成する際に、中国語のフォントが正確に表示できないという経験をお持ちのかたはおられませんでしょうか？

　中国語のフォントをウェブサイトで正確に表示したい場合にはCSSで「font-family」の指定をする必要があります。もしなんの設定もしていなければ、サーバーやブラウザのデフォルトのフォント設定が適用されてしまい、「写」や「直」が日本語のフォントになってしまう可能性があります。なぜこういうことになるかは清原先生の記事「「写」の簡体字が正しく表示されない？！」に詳しいのでそちらをご覧いただくとして、CSSの設定方法につて簡単に見ていきたいと思います。

　まずCSSのほうでフォントファミリーを以下のように設定します。simsunの部分は一般的なパソコンに入っている中国語フォントであればなんでもかまいません。※zhcnという文字列は任意の文字列です。

.zhcn{
font-family : 'SimSun','sans-serif';
}

　そしてそれを中国語を使用したい箇所にタグなどを使って指定していきます。もしページ全体を中国語だけで書く場合にはCSSを指定する際にbody{font-family : ‘SimSun’,’sans-serif’;}のようにbodyタグ自体にフォントの設定をするという方法もあります。ヘッダーや段落に使う場合は今回の設定を利用して<h1 class=”zhcn”>、<p class=”zhcn”>のように指定することもできます。

<span class="zhcn">我一直坚持用母语中文写小说</span>

　以下が中国語フォントを指定した場合とそうでない場合の比較になります。「直」と「写」が異なりますね。

中国語フォントの指定をした場合
我一直坚持用母语中文写小说

中国語フォントの指定をしなかった場合
我一直坚持用母语中文写小说

• tweet
•