twitterのウィジェットを設置してみたんだけど、なんかそこだけゴシック体になっちゃってなんだかなー…と思ったので、無理やりフォントを変えてみたよ。

ウィジェット自体はみんな大好きなiframeで生成されてるんだけど、JavaScriptを使って、そのiframeのhead部分にcssファイルを追加して読み込ませてしまおうという手法です。 外部cssファイルそのものを参照させてるので、cssを書ける人であればかなり柔軟にカスタマイズ可能です。

同志のためにソースコードを貼っておくけど、まず準備物から。

• twitterアカウント
• ウィジェットコード(ここで取得できるよ)
• カスタマイズ用のcssファイル(外部参照するため、自身のサイトの空きスペースにアップロードしてURLをメモっておいてください)

以下、ソースコードとなります。※利用は自己責任でお願いします(ないとは思うけど、twitter側から怒られても当サイトは一切責任を持ちません/笑)