未分類

ウェブフォント・トライアウト もっと便利な使い方

桜も散っていよいよ新年度本番の今日このごろですが,みなさんいかがお過ごしでしょうか? ブログ担当のアンザイです。 今回は,以前ご紹介した「ウェブフォント・トライアウト」のさらに便利な使い方のご紹介です! まずはページをぐぐっと下へスクロールしていきましょう。 基本的なウェブフォント・トライアウトの使い方が並んでいます。 そしていちばん下に「今すぐWeb Font Tryoutの会員限定機能を試す」という項目が現れますので, 「ログインしてWeb Font Tryoutを使う」ボタンを押してください。 TypeSquareへのログイン画面に遷移したあと,トライアウトへ戻ってきます。 そこであなたのサイトのURLを入力してみましょう! すると,通常のウェブフォント・トライアウトとくらべて右上の部分に項目が増えているのがわかるでしょうか。 「要素を選択して編集」「埋め込み用コード」の2つが追加される項目です。 「要素を選択して編集」を押すと,現在ウェブフォント・トライアウトを通して見ているサイトでより柔軟に書体の選択ができるようになります。 通常版では「見出し」「本文」という大枠での指定にしか対応していませんが,会員版ではHTMLのタグやCSSのidやclassごとに細かく書体の指定が可能です。 「要素を選択して編集」で事細かに書体を指定し,いざ自分のサイトへこの書体設定を反映しようと思ったとき... 「見出し」や「本文」だけであれば記憶しておくことも可能でしょう。 しかし,「要素を選択して編集」で行った細かい設定を記憶するのは非常に大変です。それを補助するのが「埋め込み用コード」機能です。 これは,現在行っている書体設定を含んだCSSを書き出してしまう機能です! 沢山の書体設定をしたあとは,「埋め込み用コード」で表示されるCSSを自分のサイトにコピー&ペーストするだけです。 今回ご紹介した2つの機能,ぜひ使ってみてください! 何度も言いますが,ここでご紹介した機能はすべてTypeSquare会員だけが使うことのできるものです。まだTypeSquare会員ではないというそこのあなた! ぜひこの機会に会員登録をしてください。 ▷ TypeSquare会員登録はこちら   あなたのサイトですぐ試せる! ウェブフォント・トライアウトはこちら!


あなたのサイトでウェブフォント!

みなさんこんにちわ! ブログ担当のアンザイです。...


ブログはじめました。

TypeSquare Blog はじめます   初めまして!...


新書体レビュー:「すずむし」(2014)

新たに配信を開始した書体をご紹介するこちらのコーナー「新書体レビュー」。 記念すべき第1回目は2014年リリースの すずむし です! この「すずむし」は、一般公募から生まれた書体ということをご存知でしょうか? 2012年に開催された書体のコンテスト、モリサワ「タイプデザインコンぺティション 2012」和文部門で、モリサワ賞 銅賞、明石賞、ファン投票1位と3つの賞を受賞した書体なのです。   受賞者の豊島晶さんが「落語や小噺のような、下町の人情的で温かみのある世界観で制作した」というこの書体は、たくさんの墨を含んだ筆で書いたような、ふくよかで瑞々しい点画が親しみを感じさせる、かわいらしいデザインが特徴です。 ホムパ、女子会、何着てく? 日本語の書体デザインといえば、原稿用紙のマス目に文字を書くように、真四角の中に規律正しく描かれることが一般的。 ですが、この「すずむし」は、あえて正方形にまとめない文字の設計が、アンバランスながらも、文章にしたときに軽妙なリズムを生み出します。漢字、ひらがな、カタカナの微妙な大きさの違いも相まって、まるで文字が動き出しそうな雰囲気を持っています。 漢字も一見ゆるやかな印象ですが、メリハリの効いた縦と横のラインと、しっかりと作り込まれ細部によって、文字の形がはっきりと浮かびあがり、読みやすさとデザインを両立しています。 恋するモテ髪 恋するモテ髪 恋するモテ髪 他のデザイン書体と比べてみました↑ 上は軽妙でかわいらしい印象の「はるひ学園」、下はぷっくりとしたふくよかな「プリティー桃」です。いかがでしょうか。 その個性が光る「すずむし」は、親しみやすさ、かわいらしさを演出したいときなど、子どもや女性向けの媒体はもちろん、昔ながらの情緒を感じさせる和のデザインとも相性抜群です。 魔法のパン屋さん   そんな「すずむし」の作者である豊島さんも登壇する特別セミナー「タイプデザイナーの視点」が、3月20日(金)に東京・秋葉原で開催されます。書体デザイナーやエンジニアの方々による、フォント制作の舞台裏や最新トピックの講演です。ここだけのエピソードも盛りだくさんです! 講演内容やお申し込みはこちらから ▶「すずむし」はフォント一覧の「デザイン書体」またはフォントファミリー名からお選びください (サカモト)


ウェブフォントとCSSでここまでできる!

みなさんこんにちわ! ブログ担当のアンザイです。...


スタンダードプランを使ってみよう!

TypeSquareの導入方法(スタンダードプラン編)...