中国語(簡体字)フォントのCSSでの指定方法|中国語でウェブページを構築する際の注意点

toplogo-xie

中国語(簡体字)フォントの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>

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

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

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

  • このエントリーをはてなブックマークに追加
HINOYoshihiro

HINOYoshihiro関西大学アジア文化研究センター

投稿者プロフィール

大阪生まれ。関西大学大学院文学研究科博士後期課程満期退学。博士(文化交渉学)。現在は関西大学アジア文化研究センターにて、ディジタルアーカイヴズの構築を担当。関西大学で中国語を、京都女子大学でマルチメディアを担当。アルクの『キクタン中国語』シリーズや『ネットアカデミー中国語コース』のなどを執筆。本サイト管理者。

この著者の最新の記事

関連記事

コメントは利用できません。

ブログアンテナ

Twitter

ピックアップ記事

  1. toplog-itc
  2. toplogo_xuexiao

連載一覧

  1. fchn_toplogo

    【連載】中国人である私から見た日本

  2. ws2015-01

    中国語教育ワークショップ第3弾|榎本英雄先生と沈国威先生による講演!

  3. jissen_toplogo

    【連載】実戦の中国語コミュニケーション

  4. clinic_toplogo

    【連載】中国語医療通訳トレーニング

  5. xiaochen_toplogo

    【連載】小陳の中国よもやま話

  6. toplogo-takujo

    【連載】宅女の部屋別宅

  7. toplogo-dekiru

    【動画】初級テキスト『できる!中国語』会話文映像

  8. ws04

    12月は関大で中国語三昧!中国語教育学会研究会×第4回中国語教育ワークショップ

  9. chinabiz_logo2

    【連載】ビジネス中国語

  10. itctoplogo_0001

    【連載】プチIT中国語学習

投稿の全記事数: 856件

こんな記事はいかが? CS4-0809【中国語会話】CS4...

ページ上部へ戻る