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

TypeSquareの導入方法（スタンダードプラン編）

Webフォントを使ってみたいけど、難しそうだなぁ。と思われていませんか？
TypeSquareなら少しの設定で素敵なWebフォントを利用いただけます。

TypeSquareにはスタンダードプランとセルフホスティングプランがあります。アカウントを作成してログインすると「現在ご利用中のプラン」に「無料プラン」が登録されており、このプランで「スタンダードプラン」をお試しいただけます。
今回はこのスタンダードプランの利用方法についてご説明します。

スタンダードプランを利用するには

　1. TypeSquareの設定画面で、使いたいフォントとWebフォントを反映するページを登録
　2. TypeSquareのプランのタグをHTMLに設定、フォント名称をCSSに設定
　3. いつものようにページを公開

この3ステップで利用できてしまいます。

ではもう少し詳しくみて行きましょう。
でも、その前に…

TypeSquareでは「フォント一覧」で紹介されているような、見ているだけで楽しくなりそうなフォントがたくさん用意されています。
残念ながら無料プランではそのうち1つだけの利用となりますが、ゆっくり時間をかけて、ご自身のページで「使いたい！」と思うフォントを選びましょう！

使いたいフォントが決まったら早速設定です。

１．TypeSquareでの設定。

「無料プラン・無料プラン」を押すと、無料プランの設定画面が表示されます。設定画面を見てみましょう。
上の方に「プラン専用タグ」という何やら難しそうな呪文のようなものがあります。でも恐れることはありません。これは、後ほどコピーしてご自身のページに貼り付けるだけです。

次に画面の下の方を覗いてみましょう。

「書体」や「URL」という言葉が見えますね。
ここで「使いたい！」と思ったフォントの登録と、Webフォントを使おうと思っているご自身のページのURLを登録します。

書体の設定？
利用書体一覧という箇所に青い「新規利用書体登録」というボタンがあります。これを押すとフォントを選ぶ小さな画面が表示されます。

ここで、先ほど「使いたい！」と思ったフォントを選択します。ここでは「丸フォークM」を使ってみましょう。
「R？ M？ B？なにそれ？」と思ったあなた、なかなかするどいです。これはフォントの太さを表していて、R→M→B→Hの順で太くなっていきます。
※ フォントの太さに関してはもっとたくさんありますが、それはまたの機会にご説明します。

間違えてもやり直しはできますので安心して選んでくださいね。
設定ができたら「決定」ボタンを押します。