twitter.comウィジェットでフォントタイプを変更するには？

Question

私はコーディングでいくつかの基本的な知識を持っていますが、そのほとんどは私が読んで学んだものです。

私は私のウェブサイトのためのワードプレスを使用しています。今私は公式のツイッターウィジェットが好きですが、それのための唯一の欠点は、スタイリングの限られたオプションです。

私は可能なスタイリングオプションをチェックしましたが、私は、フォントサイズを変更することを可能にする任意のを見つけることができませんでした。

だから、私はjavascriptのファイル（ここでは：http://platform.twitter.com/widgets.js）をインポートしようと思ったし、私はそれで何かを変更することができます参照してください。だから私は "フォント"を検索し、ファイルのデフォルトのフォントを編集し、それを自分のウェブサイトにアップロードしましたが、フォントの表示方法には影響しませんでした。

ウィジェットの定義済みのCSSを変更する強制するための簡単な方法はありますか？

Answer 1

Twitterでは、設定だけでフォントサイズやフォントファミリを変更することはできません。

あなたはどちらか別のドメイン に発信さIFRAMEのスタイルコンテンツをすることはできません。

あなたはJavaScriptファイルはあなたのように自分自身を取得する際ソリューションがあるように思わ言う：

http://www.petermoss.com/post/how-to-change-Twitter-widgets-font-size-or-color.aspx

をあなたは、以下のCSSクラスを変更する必要があなたのつぶやきのフォントを変更するにはwidget.js（独自のサーバー上）：

.twtr-tweet-text { 
    font size: 105%; 
    font-family: Georgia, Serif; 
} 

別の可能な解決策がimpleすることです

https://dev.twitter.com/docs/api/1/get/search

それとも以下のような他のサードパーティ製のウィジェットを使用します：

• http://tweet.seaofclouds.com/
• https://code.google.com/p/twitterjs/downloads/list

Answer 2

唯一の解決策は、そのJSON APIを使って自分でウィジェットメンター私はTwitterのEnhanced Tiで見つけたMelineは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ウィジェットを取得します。