前回導入した TypeSquare による Web フォントのサンプルページを作ってみました。このページだけは全ての OS・ブラウザで Web フォントが有効になっているはずです。
Category Archives: Web
TypeSquare でモリサワフォントを使う
前回の記事で Google Web Fonts を使う方法を書きました。しかし、ここには日本語の文字が使えるフォントがありません。これは外国のサービスであることも原因の一つですが、日本語特有の問題も災いしています。
それは日本語で使われる文字の種類が大変多いことです。欧米の各種言語ではどんなに多くても数百文字ですむところ、日本語で使われる文字はひらがな、カタカナ、漢字、各種の記号、併せて数万にも及びます。中には一生使わないような文字も含まれていますが、フォントとして用意するならば全文字必要です。
無理をしてでも日本語文字の Web フォントを使うならば 2 つの方法があります。
- 必要な文字だけを集めたフォントを作る。
- フォント事業者の Web サービスを使う。
1 番は専門知識が必要ですし、そもそも必要な文字を数えることが難しいです。タイトルロゴなど、限られた部分に適用するのならばアリかもしません。
今回は 2 番を試してみました。ただし、困難なことをやってくれるわけですから、完全無料のサービスというのはありません。現在運営されているサービスの一覧はここが詳しかったです。
国内のWebフォントサービスまとめ【2012年6月版】 – フォントブログ
http://blog.petitboys.com/archives/webfont-services-japan.html
数ある中でも、TypeSquare は年内完全無料という太っ腹なキャンペーンを行っています。しかもあの有名なモリサワフォントが使い放題というのですから、利用しない手はありません。
Google Web Fonts を使う
サイト構築に当たっては、フォント選びが一つのポイントです。訪問者の OS、ブラウザ、端末の種類によって使えるフォントが違うわけで、作成者の好き嫌いによって決めるわけにもいきません。
しかし、昨今では 1 バイト文字圏で Web フォントの利用が広がっています。訪問者の端末にフォントがインストールされているかどうかを気にせず、作成者の好きなフォントが使えるのは魅力的です。
というわけで、Google が公開している Google Web Fonts を使ってみました。
【Apache】リバースプロクシ下でログに正常な IP アドレスを記す
以前の記事で、nginx のリバースプロクシ機能を使い、Apache を裏方として動かすことにしたのですが、そうなると一つ問題がありました。Apache のログに記される要求元アドレスが全て nginx のアドレス、つまり 127.0.0.1 になってしまうのです。
127.0.0.1 - - [29/Jul/2012:21:00:40 +0900] "GET /2012/07/mountain-lion-apache.html HTTP/1.0" 200 6823 "https://blog.delphinus.dev/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:14.0) Gecko/20100101 Firefox/14.0.1" 127.0.0.1 - - [29/Jul/2012:21:00:40 +0900] "GET /styles.css HTTP/1.0" 200 1063 "https://blog.delphinus.dev/2012/07/mountain-lion-apache.html" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:14.0) Gecko/20100101 Firefox/14.0.1" 127.0.0.1 - - [29/Jul/2012:21:00:40 +0900] "GET /mt.js HTTP/1.0" 200 9601 "https://blog.delphinus.dev/2012/07/mountain-lion-apache.html" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:14.0) Gecko/20100101 Firefox/14.0.1"
MovableType 5.2b2 で DynamicMTML が正常に働かない？
MovableType をアップデートして PSGI/Plack で動かすようにしたところ、以前導入したスマートフォンオプションが動作しなくなってしまいました。
よくよく調べてみると、これは PSGI/Plack 化とは関係ない感じです。
Movable Type 5.2ベータでDynamicMTMLを動かす – The blog of H.Fujimoto
http://www.h-fj.com/blog/archives/2012/07/21-152241.php
上記サイトにあるとおり、mt-config.cgi に一行追加するだけで直すことが出来ました。感謝！
BulkLoadMetaObjectsLimit 100
MovableType 5.2b2 & nginx でプラグインの CGI が動かない？
前回 MovableType 5.2b2 を nginx + PSGI/Plack で動作させるところまで行きました。この方式では、以下の図のように動的コンテンツは Starman（PSGI/Plack）で、静的コンテンツは従来通り Apache で配信されます。
このとき、/mt 直下にある .cgi ファイルは Starman で元気に動いているのですが、この前導入した「ほぼ指定日投稿プラグイン」を動かすことが出来ませんでした。
MovableType 5.2b2 を nginx + PSGI/Plack @ Mountain Lion な環境で動かす
MovableType 新版のベータ版がリリースされています。新バージョンの目玉はなんと言っても nginx + PSGI/Plack 環境に対応し、大幅な高速化が図られたことです。
Movable Type ベータ
http://www.movabletype.jp/beta/52/index.html
nginx – Wikipedia
http://ja.wikipedia.org/wiki/Nginx
PSGI/Plack – Perl Superglue for Web Frameworks and Web Servers
http://plackperl.org/
バージョンアップするに辺り、今まで Apache で運用してきた環境をそのまま生かすため、静的コンテンツは Apache で、動的コンテンツ（MovableType の .cgi）は Starman + PSGI/Plack で動かすことにします。PSGI/Plack 自体は Web サーバを選ばないのですが、MovableType 5.2 のドキュメントによると Starman がいいらしいです。
さらに nginx を Reverse Proxy として使うので、図に書くとこんな感じ。