.has-very-dark-gray-color{color:#313131}.has-small-font-size{font-size:13px}.has-normal-font-size,.has-regular-font-size{font-size:16px}.has-medium-font-size{font-size:20px}.has-large-font-size{font-size:36px}.has-huge-font-size,.has-larger-font-size{font-size:42px}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}もやぶろmoyashidaisukeのブログだからもやぶろ。フリーランスのエンジニアのダイスケです。QOLあげて色々楽しくチャレンジして良く生きたい。プログラム関連とかギター関連とか旅行関連とか色々。概要noteのレイアウト、文章読みやすくて素敵だな、、、それに比べて自分のブログはなんか読みにくいな・・・と思ったので、頑張って寄せてみました。はてなブログのテンプレート「Minimalism」を使っているのですが、元々かなり変更を加えています。cssは載っけますが、そのままコピペだと動かないかもしれません、ごめんなさい。W3,Arial,メイリオ,Meiryo,sans-serif;が指定されています。antialiased;があります。webkit-font-smoothingというのは知らなかったのですが、mac限定で良い感じにフォントを描画してくれるようです。2020私の環境ではこれを入れると文字がシャープになってすごいスッキリしました。今回の変更で一番効きました。antialiased;}とします。複数箇所いれないといけないのは、Minimalismの仕様です。やぶろ全体の幅noteはPCレイアウトでもサイドバーが無いすっきり仕様で、さらに余白も贅沢に取られています。今回、Minimalismのサイドバーは残しつつ、本文の幅を同じサイズにしてすっきりさをできるだけ寄せてみました。本文の幅をせまくした分、サイドバーが目立ってしまってので、サイドバーも控えめサイズにしています。250px;}}余白/フォントサイズブロック(pタグ)の余白、行の間隔も大きめにとってあるのがnoteの特徴です。詰まってると読みにくいんですね。いうわけで合わせます。30px;}}まとめbeforeの画像撮り忘れてしまったのですが、だいぶすっきりしました。時間かけてるので、そろそろ少しは...2019.05.03エンジニアリングはてなブログ「Material」テーマのカスタマイズ前回はMaterialテーマを設定しました。数ヶ月たっていくつか気になるところが出てきたので、色々カスタマイズします。headingタグ(h1、h2とか。befo...2018.07.20雑記ブログドリブンで生活に刺激を与えるただの雑記です。したブログ風に写真入れてみました。フリーランスになって半年くらい経ちました。フリーランスになった頃の記事達。これ...2019.03.25雑記ブログのテーマ(見た目)を変えたデフォルトの真っ白のやつを使ってたんだけど、味気ないのに飽きてきたので変えました。使ったテーマはこちらです。ぐぐるといくつか記事が出てくるのだけど、この方法が一番良いと思う。Consoleの設定も移行しようと思ったのですが、ヘルプの案内通りに全然いかず、フォーラムで質問したらあっさり解決しました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。プロフィールmoyashidaisukeフリーランスのエンジニアです。サーバもクライアントもインフラも企画も何でもやります。最近はFlutter始めました。趣味はギターですが最近お休み気味、、、旅も好き。もやぶろ.タイトルとURLをコピーしました。