Webフォントを使ってみました

（注：記事の追記にも書いてありますが、現在はモリサワのTypeSquareというWebフォントサービスを使用しています）

Webフォントというのを導入して見ました。
（CSS3で導入されたものなので、Internet Explorer は残念ながら対応していません）
本文は、「[小夏フォント](http://www.masuseki.com/index.php?u=be/konatu.htm)」「ゆかりんフォント」。
太字は、「[M+Fonts](http://mplus-fonts.sourceforge.jp/mplus-outline-fonts/index.html)」です。
使って見た目的は、環境に依存しない見え方ができるのかどうか試してみたかったからなのですが、なんだか、日本語フォントって、どれも綺麗に見えないんですよね。
レギュラーだとそこそこいいのですが、ボールドになると、ギザギザして見えてしまいます。
なぜなんでしょう？
TrueTypeだから？
バックに色がついているから？
ちょっと納得いかないので、今後も機会があったらいろいろ試して見たいと思います。

（2011.4.24 追記）
本文フォントを、「ゆかりんフォント」に変えてみました。
「小夏フォント」の字形は好きなのですが、いかんせん、重いのです・・・

（2015.8.1 追記）
現在は、見出しなど一部分のみに限定して、モリサワの「TypeSquare」を導入しています。
サブセット化・ブラウザキャッシュ・CDNなどの高速化技術が使われていて、十分実用的な速度と品質だと思います。
年間5万円以上の有償サービスですが、「モリサワパスポート」を契約していると、1ドメインに限り年間1,000万PVまで無料で使えるので、デザイナーの方は導入されてはいかがでしょうか。
設定も、サンプル通りにJavaScriptを設置するだけなので、簡単ですよ。

この記事を書いた人

川井 昌彦

FAシステムメーカー、国内最大手印刷会社製版部、印刷・ウェブ制作会社を経て、家庭の事情で実家に帰省して独立
現在はフリーランスと制作会社シニアディレクターのマルチワーク
ウェブ制作のほぼ全般を見渡せるディレクター業務が主だが、デザイン・コーディングも好き

1997年ブログ開設
WordPressコミュニティには2011年から参加
WordCamp Kansai 2016 セッションスピーカー
WordCamp Tokyo 2023 パネルディスカッションパネラー
WordBench京都、WordBench神戸、WordPress Meetup八王子など登壇多数

最新の投稿

• 技術記事2024年10月6日WordPressでカスタムフィールドや繰り返しフィールドを使うなら「Lazy Blocks」がオススメ！
• 技術記事2024年5月5日クラシックテーマ制作者の私がブロックテーマ制作で悩んだこと
• 技術記事2024年4月14日クエリ―ループブロックで結果なしの時にブロックごと非表示にする方法
• 技術記事2024年3月31日ブロックテーマで（Google Fonts以外の）日本語Webフォントを使う

ご質問・ご相談などありましたら
お気軽にお問い合わせください

資料を請求する

お問い合わせはこちら

資料請求・お問い合わせにはメールアドレスが必要です