Gist に CSS を適用する方法

Tomohiro wrote this on Mar 27, 2011

Blog などに Gist の embed を貼りつける時に,見た目をカスタマイズする方法.

JavaScript が展開した Gist の HTML 要素・構造は Firebug 等のツールでわかるので,目的の要素を調べて普通に CSS を書けば良い.

例えばソースコードのフォントを変えたい場合は,下記のように CSS を書く.

div.gist-highlight pre .line {
    font-family: Inconsolata, Consolas, 'Courier New', monospace;
}

Reference