CodePen
でhead
にタグを置く方法のメモ。
目的
フリーwebフォントを使おうと思ったが、どうやらhtml
の場所にそのまま書くのではないようだ。
となると、<head>
に埋め込むのが妥当で、どうやらその方法があるようなのでメモしておく。
設定を見れば分かる
CodePen
のPen
画面を開いた後、設定を開いて、HTML
タブの中にあるStuff for <head>
に書けばOK。
画像付き
上述の通り、設定 --> HTML
タブ --> 下のStuff for <head>
のフィールドに挿入したいタグなどを入力する。
画像を見れば分かる通り、ビューポートのメタタグはボタン1つで挿入できるので便利。
おわり
CodePen
は快適なブラウザで書けば快適。PCスペックが意外と必要で足りてないとだんだん重くなる気がする。
しかし、手軽にフロントエンドを実装してみることができるのはかなりのメリット。
補完が甘いのは仕方ないだろう。
以上です。
広告
Amazon.co.jp