REALTYPEウェブサイトを読む相手に対して、想いを届ける手段のひとつ、Webフォント。フォントになじみのない方は、過去に書いた記事を、ぜひお読みください。日本語フォントを使ってみよう今回ご紹介するのは、2016年よりオープンした新しい日本語Webフォントサービス、REALTYPE(リアルタイプ)です。pageまずは、利用できるWebフォントを体感できる「Webフォントシミュレーター」を試してみます。公式ホームページからURLを入力すると、どのWebサイトもフォントを変えて表示させることができます。凸版文久体もラインナップに入っていました。公式キャラクターのぶんきゅうくん&ぶんきゅうちゃん、かわいいですね。凸版文久体の公式アカウントです。凸版文久体開発のプロジェクトメンバーがつぶやきますよ、どうぞよろしくお願いします。実際にWebフォントを使うには、会員登録して、フォントプロジェクトページにログインする必要があります。両方を同時に指定可能。無料プランに対応するフォントであれば、Webサイトにバナーが表示された状態で利用できます。有料プランでも、料金は一文字ずつの計算となっています。フォントにタグが設定されていて選びやすい。おもしろいのはユニットというグループ機能が利用できること。複数人で一つのWebサイトを管理することができるので、個人サイトだけでなく組織で用いる場合などにも便利そうです。実は、REALTYPEならではの特長は、ここから。REALTYPEでは、ほかのWebフォントサービスのようにフォントを使うだけでなく、自分で作ったフォントを配信することもできるのです。フォントを利用するときと同じく、プロジェクト名を決めて、フォントファイルをアップロードすると、審査が行われたのちに公開されます。ユニット機能を使えば、一般には公開したくないフォントを特定の範囲で公開することもできます。将来的には、フォントの制作を複数人で分業することも考えられているそうです。スマートフォンやパソコン向けのアプリケーション配信と同じように、フォントを作り、届けることがもっと身近になる、そんな日がやってくるかもしれません。使えるフォント、残り20種類を試していきます。ユニバーサルデザインの略。スマートフォンの小さい画面でも読みやすいフォント。縦長のコンデンス書体が使われているようです。ロダンわんぱくロダンわんぱく、名前がかわいいですね(笑)。直線と曲線を自由に組み合わせたひらがなやカタカナ、こどもといっしょにパズルを解いているような楽しさがあります。前回紹介したスーラよりも、もっとゆるい雰囲気のスーラキャピー。リリースされたのは1987年(昭和62年)だそうなので、ちょっと昭和を感じるというか、思わずキャピキャピという言葉(死語?)を連想したのですが、関係があるのかどうかは知りません。学参丸ゴ学参というのは、学習参考書のこと。丸ゴシックでも、スーラよりちょっとまじめな雰囲気にしたいときにどうぞ。ニューシネマ名前の通り、映画の字幕に使うことを想定したニューシネマ。観た映画の感想を書くとき、ぜひ使ってみたいです。ハミング丸ゴシックのように見えて、よく見ると筆の強弱がリズミカルなハミング。筑紫書体と同じく、フォントワークス藤田重信さんのデザイン。ライラロゴでもよく使われるライラ。このあたりのデザイン書体は、長文で表示されるとちょっと読みにくいかもしれません。いまのところ、タイトルと本文のフォントを変えることができないようなので、なるべく短い文章のときに使ってみては。BLOGのアプリをインストールして、いくつかのブログを検索していたところ、このアークが使われているものを見つけて一目惚れしました。このフォントを使うだけで、女子力の高いブログになりそう。マティスみのりやまとマティスの漢字と、うねりのあるひらがなやカタカナを組み合わせたマティスみのりやま。使いどころが想像できません。マティスえれがんとこれもひらがな・カタカナだけデザインが違う、マティスえれがんと。昔の少女漫画ふう、くるくるっとした巻き毛のイメージ。スランプスランプは以前まちなかで見かけましたね。万葉古印ラージこれは古印体。いうジャンルにとらわれず、いろいろと使いどころがありそう。ラグランパンチマティスに負けず劣らず人気のラグランパンチ。そのうち別途取り上げます。ベビポップすずむしにも近い雰囲気で、かわいいベビポップ。育児・子育て日記をベビボップで書くと合いそうです。ドット明朝まるでオチのように、リストの最後に用意されています(笑)。昔のコンピュータゲームや携帯電話の雰囲気を出したいときに使ってください。それ以外でドット明朝を使われると、正直ちょっと...。全31種のフォントを、ざっとご紹介しました。おかげで、Webフォントの垣根がぐっと低くなったように感じます。自分で記事を書いていくうちに、また新たな使い方を発見していくこともあるでしょう。いろんな人の、いろんなフォントの使い方を見ていくのも楽しそう。自分の想いを表現する手段のひとつとして、フォントを楽しんでみましょう。2016年11月号(特集:絶対フォント感を身につける。一般ユーザーでもアカウントを開設できるようになって、話題になっています。特徴のひとつになっているのが、アプリから、簡単にWebフォントを設定できること。そこで、実際にどんなフォントがあるか試してみました。iOS版の2016/11/24現在、iOS版のバージョン1.0.1で設定できるフォントはフォントワークスの書体を中心に、なんと31種!毎日ブログを更新しても、一ヶ月のあいだ、日替わりでフォントを変えることができることになります。そこまでしなくても、記事の雰囲気に合ったフォントを簡単に選べるのは大きな利点です。今回は、そのうちの11種類を試してみます。標準フォントiOSの標準フォントということで、ヒラギノ角ゴシックでしょうか。Androidで見た時は、どうなるのかは不明です。誰か試してください(^^;筑紫明朝ふたつめにフォントワークスの筑紫明朝をもってくるラインナップが素晴らしい。筑紫アンティーク筑紫書体だけでも5書体も選べます。アンティーク明朝は、普通の明朝体より時代を感じさせます。筑紫ゴシック筑紫書体のゴシック体もあります。「あ」の、ぐっと曲がった横棒がかっこいい。筑紫オールドゴシック筑紫オールドゴシックは、文章がくっきりと目立って見えます。筑紫A丸ゴシック筑紫書体のラストは、Macでもおなじみ、かわいい丸ゴシック。人気の筑紫Aオールド明朝もほしかったですね。マティスVマティスといえばエヴァンゲリオン公式フォントで有名なあのフォントですが、マティスVはそこまで文字が太くなく、現代的に見えます。テロップ明朝テロップ明朝は、その名の通りモニタ上で見やすくデザインされた文字。筑紫明朝が少し見にくいと思ったら、こちらを選んでみるのもいいでしょう。グレコグレコは、すっきりした楷書体。和風の雰囲気がよく出ています。ニューロダンこちらも読みやすいゴシック体。していて自然体の丸ゴシックです。気に入ったので、初投稿はこのフォントにしてみました(^^)今回はここまで。最初はオーソドックスなフォントを紹介しましたが、次はもっと個性的なデザイン書体も試してみます。漢字に触れて楽しむ、漢字ミュージアム今回は、この6月、京都の祇園にオープンした漢字ミュージアムのご紹介。案内の上ではありますが、一大観光地のなかにあるので人も多く、たどり着くのには時間がかかります。市バスだと「祇園」バス停すぐですが、渋滞がひどく確実に遅延するので、時間に余裕をもって行きましょう。17時閉館ですが、16時半には受付終了となります。これも隷書ですが、DF隷書体ではなく、モリサワの陸隷に見えます。ロゴのほうはちょっとアレンジしているようです。陸隷はTypeSquareでも使えますが、さくらのレンタルサーバで使えるWebフォントには入っていなかったので、かわりにこの記事のタイトルは「隷書101」にしてみました。となりのビルのモザイク画、ちょっとひらがなの「じ」に見えませんか?というのは、中のロビー部分で「漢字のある風景」というフォトコンテストの展示をしていたので、あとで写真を見返して気づいたこと。漢字に限らず、文字に見える風景をさがすというのも、まちあるきの新しい楽しみ方になりそうです。受付で入館料(大人800円)を払うと、体験シートという冊子をもらえます。ある展示案内とは一味違って、実際にこのシートを使っていろいろと楽しめる工夫がされています。漢字のもとになった甲骨文字が印刷されていて、展示のところにある金属片でこすると、漢字と占い結果が出てきます。他に団体で来ていた人の様子を見ても、ひとりひとり違う文字が印刷されているようです。新しいことが何かはじまるよこのあとの、よきかな商店街イベント(というか二次会の交流)を思うと、当たっていたかも...!さらに、万葉仮名や、ひらがな・カタカナのもとになった漢字のスタンプが並んでいます。スタンプで自分のなまえを押すと、漢字として結果が押されます。万葉仮名とは、日本に漢字が伝わった当初に使われていたもので、漢字を意味ではなく音として使ったもの。知識としては覚えていても、ひらがな・カタカナのもとの字とはまた違うものだというのが、こうしてみると実感できました。1Fは他にも、漢字の成り立ちから今に至るまでの歴史までが絵巻になって解説されていたり、書・印刷の道具が展示されたりしています。定番の金属活字に、和文タイプライターまで。2Fに上がる前に、階段の横にある大きな柱に注目。漢和辞典に採録された約5万の漢字が全面に印刷された「漢字5万字タワー」になっています。青色の大きな文字は教育漢字。オレンジ色は常用漢字。言われても、これだけあって探せるのか...と思ったら、偶然にもあっさり見つかりました(笑)2Fは、さらに漢字と触れて楽しめる体感スペースになっています。ワークショップも多数。あっ、どうしてここでPOP体を使ってしまうのか...。気を取り直して、お待ちかねのフォント(書体)のコーナー!フォントの実例のチョイスが、何故か丸明オールドじゃなくて丸明Fujiだったりと、ツッコミどころが少々(笑)「乾拓であそぼう」のコーナー。日本や中国の昔のコイン(復元)を紙の上からこすって、文字を浮かび上がらせます。9月30日までは、「漢字縁日」というイベントも実施中。縁日の屋台を、漢字で再現。漢字しおり、釣れました!全体を通しての印象は、ここはひとりで学びに行くより、誰かといっしょに行ったほうが楽しい施設ですね。夏休みとあって、親子連れの姿も目立ちました。いつか結婚してこどもができたら、ここに連れてきて、漢字や文字の楽しさ、奥深さに気づいてもらいたい...そんなことを思いました。大人同士でも楽しめます。知人・友人を誘って、訪れてみてください。さくらのレンタルサーバで、モリサワの日本語Webフォントが無料で使える!以前、モリサワの日本語Webフォントサービス「TypeSquare」をご紹介しました。このサービスでは、無料で一種類だけフォントが使えるというのが特徴ですが、見出し・本文など、複数のフォントを使いたいというシーンは多いと思います。そんな中、なんと、さくらインターネットの提供する「さくらのレンタルサーバ」では、モリサワと協同し、30種類のフォントを無料で使えるようになりました。モリサワとさくらインターネットが協業し、無料でのWebフォント導入を実現そして、幸運なことに、このブログ「凪の渡し場」も、さくらのレンタルサーバを使わせていただいています。実はブログ開設のとき、他のレンタルサーバとも比較して迷ったのですが、今回ほど、さくらインターネットにしておいてよかったと思うことはありません。ステマではありませんよ(笑)むしろ、これを機会に、ほかのレンタルサーバでもさまざまなWebフォントサービスとの提携が広がっていくことを期待しています。ブログ運営者向けに、試したかぎりの使い方をご紹介。詳しくは公式FAQも参照ください。ブログ運営者以外の方は、フォントテーマによる違いのスクリーンショットだけでもご覧ください(^^)Webフォント利用ドメインの設定まず大事なことは、Webフォントは一ドメインでしか使えないようです。サブドメインや、独自ドメインを運用している方は、コントロールパネルにログインして、Webフォントを使いたいドメインを選んでおきます。次は、Wordpressの管理画面でプラグインを有効化します。さくらのレンタルサーバ」という名前のプラグインをインストールして有効化します。Webfonts」というメニューが設定に現れます。「フォントテーマ設定」で、ブログ全体のフォントテーマを選ぶことができます。「フォントテーマを更新する」をクリックすると、すぐにブログに反映されます。フォントテーマによる違い「ファッション」を選んでみると、こんな感じ。宙」がB(ボールド/太字)になったものなので、けっこう似た雰囲気になっていますね。見出ミンとA1明朝という組み合わせ、本当に書籍でよく見られる明朝体を再現できるのは感動的です。見出しのすずむしフォントがめちゃめちゃかわいいですね!(^^)上級者向けのカスタマイズ見出し、リード、本文として設定するクラス(タグ)をカスタマイズすることもできます。タグが「見出し」と認識されますが、このブログでは記事中のサブセクションにh3タグを使っているので、h3タグは「見出し」ではなく「リード」のフォントを適用してみることにしました。「カスタムフォントテーマ」では、各クラスに適用されるフォントを自由に組み合わせてカスタムのテーマを作ることもできます。「フォントテーマ個別表示設定」を「表示する」にすると、個別の投稿ページでテーマを切り替えることができます。このブログのように複数のジャンルで記事を更新している場合、記事によっては、デフォルトで設定したテーマは合わない...ということもあるので、そういうときに重宝しそうです。ちなみにこの記事は「ニュース」を選んでみました。要望としては、カテゴリごとにテーマを設定できるようになると便利かもしれません。