仮置き
総称ファミリ名分類のフォント名一覧
https://w3g.jp/sample/css/font-family#cursive
もう迷わない、「@font-familyはこれでOK!」を色々考えてみた。
http://unitopi.com/font-family-css/
free / illustrator / 指差しアイコン、コインイラスト
指差しのアイコンとコインのイラストのデータです。
ai で開けます。
指矢印マーク
指矢印マーク//商用利用・加工利用可能な無料フリーイラストアイコン素材集 -エムスタジオ-
鳥と月桂樹のゴールドメダルイラスト
http://www.medalbadge.net/data/599.php
仮置き
*areinaru*.wpblog.jp
新規で php テンプレートを用意するところがいよいよなくなってきて、
CSSでデザインを整えていく作業に移る感じ。
その前に、ちょっとフォントサイズについて調べてみた。
あなたはどれにする?CSSの文字サイズ指定「px、em、%」
http://blog.karasuneko.com/3092/
特に、レスポンシブデザインの練習も兼ねようと考えているので、
この辺は理解しておくのが重要かもしれん。
まあ、いろんな本とかを見ると、スタンダードなのは px 指定なんだろうな。
ただ、ある基準サイズを決めて、それに対して何倍するかってやり方の方がちょっとだけ賢く感じるのは気のせいか?
(僕があまり意識的にやったことが無いからだと思う)
とりあえず分かりやすい(やりやすい)ところで、基準となる body のフォントサイズを 10px にして、
そこから em で組み立ててみようかな。
イメージとしては、スマホ対応のスタイルを設けた時でも、スマホ用の body のフォントサイズを変えれば、
他は相対的に変更されて、調整いらずになりそうだから。。
もちろんトンチンカンな仮説なのかもしれないけど、まあ、自分なりに試して進んでみよう。
↓ ↓ ↓
追記)
レスポンシブデザインを考慮するのなら、rem の方が良さげ。
この解説サイトは、なかなかわかりやすかったです。
(ただ、px と rem の併記はちょっとだるいな。)苦笑
Webデザイナー必見!レスポンシブデザインのフォントサイズ指定方法のまとめ
[2015年版] レスポンシブデザインのフォントサイズ指定方法のまとめ | 福岡のホームページ制作事務所|ANIK
html に 62.5% を記載して、展開していこう。