紺碧の空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 …

no image

Simple Tweetプラグインでwordpress-twitter連携

一回目の投稿、連携失敗;;; パスワード、最初から空はまずいのね。。。一回いれると、空になるようだ。 追記:更新してみる。URL圧縮やめてみる。。 内容更新時はpostされないようだ。

no image

ページや投稿やカテゴリのIDをカンタンに取得

サイドバーの固定ページリストから特定のページを除外 にもメモっているのだが、phpMyAdminをつかえば、各投稿などのIDを確認できる。 でも、使ってるうちに裏技に気づいた。メモってなかったけど。 …

no image

F-07Cの衝撃

そうだ、書いてしまおう。考えはまとまらないけど、書いたらキット気持ちがスッキリするに違いない。 そのニュースを目にしたときの私の気持ちは、まさに 「☆×■◎※△!?☆×■◎※△—&#821 …

Plier_3E_OPPO_R11s

物理キーボード(bluetooth)を接続しても仮想キーボードが消えない→せっかく大型画面スマホを買ったのにガッカリ→なんとか消して勝利宣言!【OPPO R11s】

勢いづいたので、このままどんどん記事を書きます!珍しく💦 前の記事の通り、先月末頃、「OPPO R11s」を導入し、ちょっとずつ自分用にカスタマイズ進めていました。 しかし、早い段階であることにつまづ …











スポンサーリンク