紺碧の空3

北海道をノマド的に生きる日々の覚書き

ブログツール 技術覚書

ブログタイトルを画像に重ねて表示、日本語WEBフォントを適用

投稿日:

参考にした記事。

WordPressテーマ「STINGER」でタイトルとヘッダー画像を重ねるには

header.phpはそのままコード使わせていただきました。

サイトタイトルに日本語Webフォントを導入してみました。サブセット化も行なっています。

はまったところが2点。

「fontsquirrel」というサイトWEBFONT GENERATOR を 利用した際、デフォルトの「OPTIMAL」だと日本語部分がちゃんと生成されていなかったぽい。「BASIC」でやり直しました・・・

あとはスタイルシートへの埋め込み。

ブログタイトルの下の文、にはすぐに適用されたのだけど、タイトルそのものに全く反映されなくて困った。どうやらfont-familyはfont-sizeなどと継承のされ方がちがうぽい。どうしても上位要素のfont-familyが勝ってしまう・・・

たんに私がcss苦手、というのもあり。

デバッガーなどを駆使してやっと反映できたのはまた明け方のこの時間なのでした。

(今日は早く寝るつもりだったのだけど、バスの旅がまさかの失敗だったから、気晴らしにはじめちゃったのよ・・・)

-ブログツール, 技術覚書

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


関連記事

Ktai Style問題・・・解決?

まだ、起きてました・・・恐るべし長期休暇の魔力。 だって、寝ようとしたら、アレ発生しちゃったんだもん。前から懸案の、「一度ケータイからアクセスした後にPCからアクセスすると、PCでもKtai Styl …

OPPO_R11S

「OPPO R11S」日本版の未使用中古品を買った話【レビュー というか 体験談】

もう一つ、年を越す前に書いておきたいネタです。 11月に、中華スマホメーカー「OPPO」の日本発売版を買いました。 レビューというか、体験記、買うまでの流れ、なので、スペックとか使用感を詳しく知りたい …

no image

サイドバーの固定ページリストから特定のページを除外

サイドバーに、静的ページの題名リストを表示させるため、デフォルトウィジェットの「ページ」を使用しています。 このウィジェットを、ウィジェットのページの、プルダウンで選択して設定画面を表示すると、 「除 …

no image

ついったーのブログパーツ

twitterって「ツイッター」って読むんですね。。。昨日まで読めなかった(^^; ブログパーツをつけてみましたが、検索窓は動いていないみたいです。 今度デバッグしてみよう。 [追記] 落ちてるところ …

no image

wordpressで画像をupするとき、デフォルトサイズのファイルをサーバに置かない

wordpressの基本機能では、アップロードした画像が元のサイズのままupされる。 そのままだと、サムネイルからフルサイズで1M以上ある写真にリンクをすることになってしまうが、そんなにたいそうな写真 …











スポンサーリンク