多言語対応のWebページを制作するときのフォントの話~中国語~

6月に入り、日にちが経ちますが…

梅雨入り宣言早く来て、早く梅雨上げ宣言になってほしい気分です…

しかもこっちは早く夏が来て、年中夏であってほしい気持ちでたまりません!

早く、夏の季節になって…

いや…

その前の厄介なシーズンが…

今年は「気象病」にならないことを…

話変わりますが…

多言語対応のWebページを制作するときのフォントの話~中国語~

ある業者からの依頼で、多言語対応のページ作成の依頼がありました。

しかし、ある業者の多言語対応のフォントの制定がホンマにめちゃくちゃなんですなぁ…

Webのプロとしてホンマに恥ずかしいって言いたいぐらいなんですね!

多言語対応のフォントの設定をするとき、皆さんは日本語のフォント設定を使ってますか?

正解は「ドアホ!

~ここまでグチグチのコピペ~

前日は、英語と韓国語と台湾語サイトのフォントの種類をご紹介しました。

英語と韓国語と台湾語のフォントを対応する種類固まりましたが…

一番頼りになるのがGoogle Fontsを使うことしかないですね。

でも、ページ読み込みスピードによって遅延したらサイトが除外される恐れがあります。

MacintoshWindowsに搭載されている標準フォントの種類がわからないところがありますね。

それが悩ましい種です…

次は、簡体字!

簡体字は、中国語によく使われる文字なんですね。

中国語と言うても、いろんなパターンの種類があるそうです…

広東語、上海語、南昌語…

ネットで調べたところ、100語以上あるそうだ…
(日本語の方便と同じだと考えればええってことか…)

繁体字と簡体字の違いは割愛させていただきます。

簡体字を表示をしている中国の大手サイトはどうなっているか検証してみましょう!

皆さんがよく知っている大手企業のサイトをピックアップしました。

大手企業のフォントの設定はどうしてるか検証してみましょう!

中国:ファーウェイ
font-family: Microsoft YaHei, Arial, Helvetica, sans-serif !important;

中国:BYD
font-family: fangzheng,方正兰亭准黑简体;

中国:アリババグループ
font-family: Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC,Microsoft YaHei;

こっちは知ってる範囲のサイトをピックアップしました。

簡体字を使った大手企業のサイトのフォントを見ると、MacintoshとWindowsが標準搭載されているフォントを使われてるんですね。

いろんなサイトをググって検証しましたが、大手企業はほとんど、フォントの種類の設定が少ないんですね。

最終的に、簡体字を表示をさせるフォントを設定するならこれでしょうか?

font-family: PingFang SC, Microsoft YaHei, Arial, Helvetica, sans-serif;

簡体字を使ったWebのサイトをいろいろ、ググりながらFontの設定はどうしてるか、いろいろ検証しながら展開していくのもいいですね。

ただ、「技術の過信」はダメですよ!

では、また!

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Leonard-Blogをもっと見る

今すぐ購読し、続きを読んで、すべてのアーカイブにアクセスしましょう。

続きを読む