私はコーディングの基本的な知識をいくつか持っていますが、そのほとんどは読書を通じて学びました。
私は自分のウェブサイトにワードプレスを使用しています。今では公式の Twitter ウィジェットが気に入っていますが、唯一の欠点はスタイリングのオプションが限られていることです。
利用可能なスタイル オプションを確認しましたが、フォント サイズを変更できるオプションが見つかりませんでした。
そこで、javascript ファイル (ここ: http://platform.twitter.com/widgets.js ) をインポートして、その中の何かを変更できるかどうかを確認してみようと思いました。そのため、「フォント」を検索し、ファイル内のデフォルト フォントを編集して、それを自分の Web サイトにアップロードしましたが、フォントの表示方法には影響しませんでした。
ウィジェットの事前定義された css の変更を強制する簡単な方法はありますか?
Twitter の拡張タイムラインで見つけた唯一の解決策は、iframe が読み込まれた後に javascript を使用して css を変更することです。
window.setTimeout を使用する必要がありました。
window.setTimeout(function(){
$(".twitter-timeline").contents().find(".e-entry-title").css("font-family","sans-serif");
$(".twitter-timeline").contents().find(".tweet").css("font-family","sans-serif");
}, 1000);
私が setTimeout を使用することを「誇りに思っている」と言っているわけではありませんが、妻が自分のサイトにスタイル付きの Twitter ウィジェットが必要な場合、妻はスタイル付きの Twitter ウィジェットを取得します。
Twitter では、設定だけで font-size や font-family を変更することはできません。
別のドメインから発信された iframe のコンテンツをスタイルすることもできません。
あなたが言うように、JavaScriptファイルを自分で取得すると解決策があるようです：
http://www.petermoss.com/post/how-to-change-Twitter-widgets-font-size-or-color.aspx
ツイートのフォントを変更するには、widget.js (自分のサーバー上) で次の CSS クラスを変更する必要があります。
.twtr-tweet-text {
font size: 105%;
font-family: Georgia, Serif;
}
別の可能な解決策は、JSON API を使用して自分でウィジェットを実装することです。
https://dev.twitter.com/docs/api/1/get/search
または、以下のような別のサードパーティ ウィジェットを使用します。