ブログ藤子堂

元保育士の失笑系バンドマンです。音楽、漫画、デジタル。時々保育の話など。

文字サイズと行間を変更しました!

※全てPC版での話です。

文字を大きく行間を広く

デザイン変えた時にもちらっと書いたんですが、ずっと小さいと思っててやっと修正した次第です。

あとは行間。なぜかデザイン側のデフォルト設定が

のタグで括っていても行間を開けて広がらず、文字がつめつめに表示されていました。

一応
と組み合わせることで無理やりスペースを開けていたんですが、あんまりいい方法ではないらしいので、修正方法が見つかって一段落です。

 

修正方法がよくわからないままmarginを書き換えた

ただ、コードが読めない人間が見よう見まねでデザイン書き換えたんで、これで問題がないのかがやや不安です。

最初はp{line-height: 150%;}を突っ込んで行間を広げようとしたのですが、どこにもp{line…の記述がなく、それっぽいところに手当たり次第コピペしてみても変化がなくて困惑しました。

結局Table of Contentsの「01 Text - フォント・リンク」という項目のmarginの値を 1から100に書き換えてみたら思うような表示になったんですが、本当にこれでよかったのかは謎です。一応クロームとIEでは確認しました。

ひとまずこれで運営していくつもりなので、不具合とかあったら教えて欲しいです。

⊂二二二( ^ω^)二⊃ブーン!