Slim について
これは何？
名前の通りスリムなオリジナルフォントです。作りかけでアレなんですが Slim のトップページに行くと説明書とかがあったりフォントをダウンロードできたりします。
もともとフォントの方のデータは Python で生成していて、このページで動いてるのはそれを JavaScript に移植したものです。
作った人
バグ報告とか、こんな環境でも動いた！という報告とかしてくれたら喜びます
- @kurgm (Twitter)
Slim (in JavaScript)
使い方
- 「テキスト:」欄の内容を変えると表示される文字列が変わります。
- スライダー・入力欄の数値を変えるとフォントのデザインが変わります。（古いブラウザだとスライダーが表示されないかもしれません。）
- 左側の一覧からデザインを選ぶと右側の数値が変わります。
- すべての値は相対値です（単位はありません）。自動的に拡大・縮小されます。
- デザイン上の都合により、いくつかの値は他の値によって範囲が制限されます（「垂直ステムの間隔」は常に「垂直ステムの太さ」より大きい、など）。
- ラジオボタンで表示方法を SVG・Canvas・VML から選ぶことができます。表示されない場合は切り替えることで表示されるかもしれません。（たいていの場合は Canvas モードにすれば表示できるようです。VML モードは古い IE でのみ動作します。）
- 表示部の高さはウィンドウの幅によって変化します。画面が横長の場合はウィンドウの幅を狭めて「反映」ボタンをクリックするといいかもしれません。
- デフォルトではテキスト・値の変更は即座に反映されます。重すぎる場合は「自動プレビュー」のチェックを外してみるといいかもしれません（反映するには「反映」ボタンを押します）。
お知らせ/更新情報
2013-11-04
- Opera での曲線部分の問題は arcTo の代わりに arc を使うことで解決しました。
- VML モードの実装により、IE 8 以下でも表示できるようになりました（たぶん）。（IE 8 で確認しました。）
- iOS 7.0.3 の Safari でも問題なく動作するようです。Opera mini は Canvas モードのみ動作するようです。
- Android 2.2.2 の標準ブラウザは、Canvas モードのみ動作します。他のバージョン/ブラウザは未確認です……。
- おまけ情報: ニンテンドー DSi ブラウザーや、Wii のインターネットチャンネルでも、ちゃんと Canvas モードが動作します。追記 (2013-11-13): Wii U のインターネットブラウザーでは SVG モード・Canvas モードの両方が動作します。
2013-11-03
- 公開しました。
- 全てで
1066 文字修正 (2013-11-04): 1065 文字（コードポイント）が表示できます。 - 一部のアクセント付き文字が変になっていますが、近いうちになんとかします。
- 最新版の Chrome, Firefox, Opera で確認しました。
Opera 12 (Presto) では Canvas モードで表示すると曲線部分がおかしくなります。（arcTo の実装が仕様に沿っていないためです。最新版の Opera では問題ありません。）追記 (2013-11-04): 問題を修正しました。- IE では表示されないかもしれません。