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 2025 セッションスピーカー
WordCamp Tokyo 2023 パネルディスカッションパネラー
WordCamp Kansai 2016 セッションスピーカー
WordBench京都、WordBench神戸、WordBench奈良、WordPress Meetup八王子など登壇多数

最新の投稿

• ブログ2025年11月16日WordCamp Kansai 2025 で「触れるけど壊れないWordPressの作り方」についてお話しました
• 技術記事2025年6月15日ブロックテーマ時代のWordPress制作ワークフローとは
• 技術記事2025年3月7日WordPressに百千鳥フォントを入れて遊んでみました
• ブログ2025年1月3日移転のお知らせ（2024年）

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

資料を請求する

お問い合わせはこちら

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