見出しデザイン①
追加CSSで
ロゴ風に‼︎
このような感じで
サブタイトルも入る
サイトをもっとワクワクする感じにしたいなということで、CSSによる文字の装飾に挑戦。
第一弾は私の大好きな映画『インディ・ジョーンズ』のタイトルロゴを真似してみました。
タイトルだけだと使いにくいかもしれないのでTDSのアトラクションを意識したサブタイトルも付けてみました。
フォントはGoogleフォントなので、選択肢が少なくて少し妥協しました。特にサブタイトルが微妙です。もう少し良いのが欲しいですね。
英字は良い感じなのですが、日本語はひらがなの字間がやたら広くて間抜けな感じに。
一応自動カーニングするコードも探しましたが、iOSでは対応してないみたいなので断念。
INDIANA
JONES
TEMPLE of the
CRYSTAL SKULL
いかがでしょうか。
結構頑張ったと思います。
インディ・
ジョーンズ
あまり長くすると表示がバグるので、字数は気をつけないといけません。
CSSの中身については後日書きたいと思います。
グラデーションとシャドウはコチラの記事を参考にしました。
ちなみに『THE MUMMY』の放題も出来ますよ!()
ハムナプトラ
どう見てもインディ笑