紺碧の空3

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

ブログツール 技術覚書

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

投稿日:

参考にした記事。

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

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

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

はまったところが2点。

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

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

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

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

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

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

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

執筆者:


comment

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

CAPTCHA


関連記事

F-03J docomo キッズケータイ

「F-03J キッズケータイ」レビュー☆大人でも通話専用機として使える!

年末です。ついに。 このままでは、年を越してしまいます! 絶対書きたい、と今年思っていたネタがいくつかあって・・・ これを書かずに年は越せない!と思いつめているので、今更ですが書きますね。 まずは、昨 …

Auto Post Thumbnailを導入してアイキャッチを自動設定

やはりありました。記事の先頭画像を自動的にアイキャッチに設定してくれる、しかも過去分も。というプラグイン。 新しい記事も過去の記事も全部自動でアイキャッチを作成してくれるAuto Post Thumb …

WEB会議に使うWEBカメラ代用としてスマホ・コンデジ・一眼系は使えないのか→一部成功【LUMIX/EOS/olympus TG/ZOOM/Webex OBS studio】

久々にこちらのブログに書きます。 単刀直入に、タイトルの通りです。かなり苦戦しましたが思い描いているところまでできたので備忘メモです。 why? デスクトップPCに接続するマイクはあるけどカメラが無い …

wix( CMSタイプのオンラインホームページビルダー)を使ってみた

今日はやろうと思ってたタスクを三つくらい残してしまったけどもう挫折したのでカーリング見ながら与太話を。 最近、前の記事にも書いたけど仕事でCMSサービスを探したり、蜃気楼の情報をまとめたりしたかったの …

テンプレート「Stinger」の導入とほかにやったこと。

wp3.8に(いきなり)upしたら、ダッシュボードがjqueryつかいまくり(かどうかしらんけど)な感じにひらひら動きまくったので、おもわずツイってしまった程だった。 あっ、前の記事に書かなかったけど …











スポンサーリンク