はてなブログについて質問します。

twitterのつぶやきを引用して貼り付けた場合の
フォント(文字)の大きさって変えられますか?

はてなブログ側のデザイン設定で可能なのか、
それともtwitter側の設定で可能なのか、
どちらの方法でも構いませんので、分かる方いましたらお願いします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2014/11/15 07:49:15
  • 終了:2014/11/22 07:50:03

回答(2件)

id:jwrekitan No.1

椶櫚回答回数196ベストアンサー獲得回数702014/11/15 13:06:48

どういう方法で引用するのかちょっとわからないんだけど、
スタイルシートを用いて

文字サイズ2倍
    ↑
<span style="font-size:200%">文字サイズ2倍</span>

のようにするのが一番簡単な方法になります。

id:a-kuma3 No.2

a-kuma3回答回数4489ベストアンサー獲得回数18572014/11/16 22:38:51

twitterのつぶやきを引用して貼り付けた場合の
フォント(文字)の大きさって変えられますか?

引用のやり方によります。

Twitter 記法で引用する場合には、CSS だけでいけます。

P.twitter-detail-text {
    font-size: 26px;   /* ★文字サイズ */
    color: green;      /* ★色も変えてみた */
}


編集のサイドバーから「Twitter 貼り付け」を選んだ場合には、CSS では対応できなくて、javascript でスタイルを変える必要があります。
やや、強引な感じはしますが、以下のようなスクリプトになります。

(function(){
    var loaded = Date.now();
    var change_fontsize_tweet = function() {
        var found = false;
        var ifs = document.getElementsByTagName("IFRAME");
        for (var i = 0 ; i < ifs.length ; ++i) {
            if (/twitter-tweet-rendered/.test(ifs[i].className)) {
                var w = ifs[i].contentWindow;
                var ps = w.document.getElementsByTagName("P");
                for (var j = 0 ; j < ps.length ; ++j) {
                    if (/e-entry-title/.test(ps[j].className)) {
                        ps[j].style.fontSize = "10px";    /* ★文字サイズ */
                        ps[j].style.lineHeight = "16px";  /* ★一行の高さ */
                        ps[j].style.color = "green";      /* ★色も変えてみた */
                        /* ifs[i].style.height = "700px"; 文字を大きくする際には、フレームも広げる*/
                        found = true;
                    }
                }
            }
        }
        return found;
    };
    var retry = function() {
        console.log(new Date());
        if (! change_fontsize_tweet()) {
            var now = Date.now();
            if ((Date.now() - loaded) < 40*1000) {
                setTimeout(retry, 500);
            } else {
                console.log("*** GIVE UP ! ***");
            }
        }
    };
    retry();
})();

ぼくのはてなブログで試してみました。こんな感じです(文字の色も変えてます)。
http://a-kuma3.hatenablog.com/entry/2014/11/15/134814

id:a-kuma3

別に恥ずかしい質問じゃないんだから、サブアカじゃなくて、本ID で質問すれば、もっと確実な回答ができるのに、とか思った。

2014/11/16 22:40:36

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません