紺碧の空3

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

ブログツール 技術覚書

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

投稿日:

参考にした記事。

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

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

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

はまったところが2点。

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

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

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

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

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

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

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

執筆者:


comment

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

CAPTCHA


関連記事

no image

弥生(やよい)の青色申告、で昨年度のデータを使いまわす

そりゃ、私だって事務仕事、大嫌いですよ?できればやりたくない。後回しにしたい。 システムエンジニア(業務系)というのが事務システムを作る仕事であると気づいたとき。 ・・・どうしようかと思いました(会社 …

写真を拡大表示&ギャラリーにも。lightboxがらみのプラグイン

仕事で作っているwpは、一応仕事なので、結構きちきちと作りこんで(とえらそうに言うほどでもないが)いるのだが、備忘メモを取る暇までなくて、何やったんだか毎回忘れてしまう。。。 書けるときはこちらに書い …

no image

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

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

google search consoleエラー、simplicity固有問題をつぶしていく

ひきつづき、search console のエラー取りをしています。 simplicityをまじめに使ってる人は、こまめにアップデートしてるのかもしれなけど、基本放置しちゃうので・・・ 2つ、エラーに …

no image

IETester導入

以前友達に、このブログの表示が崩れることがある、といわれて、気にはなっていたのだが。 もうひとつのブログをそろそろオープンさせることもあり、代表的なブラウザをガンガンインストールした。 safariと …











スポンサーリンク