紺碧の空3

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

ブログツール 技術覚書

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

投稿日:

参考にした記事。

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

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

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

はまったところが2点。

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

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

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

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

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

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

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

執筆者:


comment

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

CAPTCHA


関連記事

twitter タイムラインを埋め込み、背景色を変更

twitterの公式埋め込みコードがシンプルで使いやすくなってからはあまり考えずにブログ等に埋め込んでいた。 背景色を、ほかのウィジェットと揃えたかったんだけど、普通にクラスにbackgroundやb …

OPPO_R11S

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

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

BusinessPressで「トップへ戻る」ボタンが表示されない(動かない)【WordPress5.5 back-to-top jquery-migrate.min.js】

BusinessPress、って、もしかして、使ってる人、少なくね?! 💦 いや、少ないかな、とは思ったんですが。。。 ビジネス系の構築、初心者としては、あまり色(目に見える色の意味じゃなくて)のない …

覚書き

google my map埋め込み時に拡大率、中心を変更する、ルートの色を変える

今日はPCセットアップとは違う備忘メモ。 google map がらみって、仕様変更めちゃくちゃ激しいですよね。 googleさんが、一番重要視しているっていう意図が何となく伝わってきます。 (世界を …

WordPressアプリに替わるオフライン執筆作戦。ブログエディタとかを探す・その2

前の記事で、wordPressをオフライン執筆するためにandroidのエミュレーターを入れたことを書きました。 紺碧の空3WordPressアプリをwindows 10 で動かすためにNoxPlay …











スポンサーリンク