人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなブログについて質問します。
twitterのつぶやきを引用して貼り付けた場合の
フォント(文字)の大きさって変えられますか?

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

●質問者: Castle
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● 椶櫚

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

文字サイズ2倍

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

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


2 ● a-kuma3

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


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

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ