懐流体とは
「懐流体」とは「井上デザイン」さんで配布されているフォントのひとつです。
私のブログでもたくさん使わせていただいています！
懐流体の特徴
懐流体の特徴はなんといっても流れるようなS字曲線です！やわらかなラインが独特な雰囲気をかもしだしています。
ためしに宮沢賢治の代表作「銀河鉄道の夜」という言葉でスタンダードな形の小塚ゴシックと比べてみました。
どうでしょう。小塚ゴシックも読みやすくてとても好きなフォントですが、ここでは懐流体が宮沢賢治の幻想的な「世界観」をよく表現できている気がしませんか？
また、「懐流体」はフォント自体が少し縦に長く、ところどころキュッとしまっているので、ほっそりと華奢な印象を受けますね。
このように、優雅な曲線が特徴的な懐流体は「大正ロマン」や「昭和レトロ」を彷彿とさせる雰囲気によく合うそうです。たとえばこんな感じ。
※クリックすると大きくなります
レトロな雰囲気にしてみましたが、どうでしょう。シックリくると思いませんか？
私が懐流体を好きな理由
先ほど昭和レトロな雰囲気によく合うとお伝えしましたが、私が懐流体を見た時、最初に受けた印象は「海の中にいるみたい！」でした。
オリジナルテーマを作る前、私はブログデザインのテーマを「海」にすると決めていたので、何か「海」や「水」のようなイメージのフォントはないかと探しあぐねていました。そんな時こちらのフォントに出会って一目惚れしてしまったという訳です。
例えばこういう使い方。
「やまなし」宮沢賢治
どうでしょう？海の中にフォントがただよっているような感じがしませんか？
懐流体はクセがあるから長文はちょっと難しいかな〜と思ったのですが、意外と読みやすいですね！
昨年は本当に色々なところでこの「懐流体」を使わせていただきました。
以下は昨年ブログを開設したての時の記事のバナーです。
やっぱり竜が好き！「竜」と「ドラゴン」の違いについて | Design Color
私の名刺にも懐流体が使われています（名前やWebサイトなどの情報の部分）。
または昨年の年賀状にも（本文の部分）。
明けましておめでとうございます！年賀状を作ってみました！ | Design Color
一瞬にして繊細な印象に早変わりしますので、とってもお気に入りのフォントです！
「懐流体」配布サイト
「懐流体」は下記のサイトで配布されています。
レトロなフォント idfont／井上デザイン
「井上デザイン」さんでは懐流体の他にも「懐葉体」や「懐映体」など、レトロな雰囲気のフォントを多数取り扱っています。たくさんあるので、どれにしようか迷ってしまいますよ！
また、「懐流体」は個人利用に限りフリーフォント（Light版）としても配布されています（Light版は使える漢字に限りがあります）。フォントは有償版であれば商用利用が可能とのこと。詳しくはこちらのライセンスのページをご覧ください。
私は「懐流体」を存分に使いたくて、この時初めてフォントの購入に踏み切りました。そういう意味でも、とっても思い入れのあるフォントです。
街で見かけた懐流体
「懐流体」は街中でも活躍しています！
六本木にあるスペイン料理やさん「アモール デ ガウディ」。
こちらの看板に懐流体が使われています！
外装や扉が木製なので、ヴィンテージっぽい印象を受けます。オシャレな外観に「懐流体」がマッチしていますね！
さいごに
いかがでしたか？懐流体の魅力をしっかりお伝えできたでしょうか。
レトロなデザインや水に漂っているような繊細なデザインの時には、ぜひぜひ使ってみてください！
明日の#LOVEFONT Advent Calendar 2012は、mamigaku
さんによる「モトヤシーダ」だそうです！楽しみですね！
以上、彩がお伝えしました！
（71件の評価）
指で触れると撮影画面が止まり、指でマルの部分をドラッグすることで好きに画面の色を選ぶこともできます。
iPhoneならいつも持ち歩いているものだし、これならいつでもどこでも「この配色いい！」って思った時にカラーテーマを保存できますねー！
抽出するカラーモードも選べます。
下記が私が画像から作成したカラーテーマなど。
カラーテーマをタップすると編集のためのアイコン。
左から「色の調整」「テーマの情報編集」「Twitterなどで共有」「カラーテーマ削除」です。非常にシンプルで簡単ですね！
ただ、カラーテーマの名前やタグに日本語が使えないので、そこだけがちょっと不便かなあと個人的には感じました。
もちろん、撮影画面やフォトライブラリーの画像を使わず、自分でオリジナルのカラーテーマを作ることも可能です！
当初のスケッチと今のデザインはところどころ違うものになりましたが、実寸大の紙にスケッチすることにより、実機でもし見るとしたら…というイメージを掴みやすくなりました。実機だとどの部分まではファーストビューに入るのか？など、サイズ感の確認になります。
手描きワイヤーフレーム作成にはこちらのシートにお世話になりました！
実寸大のiPhone5のアイデアシートでとっても助かります！
方法は以下のとおりとなっています。
「
普通のページ遷移であれば、1ページ目、2ページ目と遷移ごとにリロードが行われていたため、その度にPVが取れていました。ですが、Ajax遷移の場合はページをリロードせず、次のページの中から読み込みたい部分だけを引っ張ってきて現在のページに継ぎ足してくれるものなので、PVがカウントされないのです。
何かいい表示方法はないかなあと探していた時、
しかし！「%」で設定してしまうと、スマートフォンを横にして見た時に画面いっぱいにGoogleマップが！ということになりますよね。例えばこのように。
私としては横幅はレスポンシブにしたいのですが、高さは固定にしたほうが見やすいように感じます。（まー、スマートフォンを横にして見ることってあんまりないですけどね！）
というわけで、上記のコードをちょっと改変。%の部分をpxで固定にしました。
[css highlight="3"]
.google-maps {
position: relative;
padding-bottom: 250px; /*高さは250pxで固定*/
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
[/css]
こうすれば、スマートフォンを横にした時も高さは変わらず、横幅だけが変化します。
スマートフォン・PCでのGoogleマップの高さについてお悩みの方はぜひ、お試しください！
以上、彩がお伝えしました。
また、P型のフィルターをかけたゴッホの絵も見ることができますよ。私は元のゴッホの絵も同じくらい大好きなのですが、フィルターをかける前後ともに人々に感動を与えてくれるゴッホの偉大さには改めて感動します！また、色の奥深さを実感できました。色々な画像で試してみてはいかがでしょう。
こちらは見ているサイトを色覚シミュレーションをするためのブックマークレットです。
また、色々な色が使われ過ぎててそれでも色の差がわからなーい！という時のために
「ハッチング」という機能もついており、それぞれの色にもようを付けて違いを教えてくれます。
また、画像の色を色覚タイプに合わせて変換してくれたりもします。
色のシミュレータ 
これは非表示にしておけば簡単にカラーに切り替えられるし、お手軽だと思います。他にもモノクロにする方法は色々あるようですよ。