如何在twitter.com小部件中更改字体类型？

Question

我有一些编码的基本知识,其中大部分都是通过阅读学到的.

我在我的网站上使用wordpress.现在我喜欢官方的推特小部件,但唯一的缺点是造型的选择有限.

我检查了可用的样式选项,但找不到任何允许我更改字体大小的选项.

所以我想我会尝试导入javascript文件(这里:http://platform.twitter.com/widgets.js),看看我是否可以更改其中的任何内容.所以我搜索了"font"并编辑了文件中的默认字体,然后将其上传到我的网站,但它并没有影响字体的显示方式.

有没有一种简单的方法可以强制更改小部件的预定义css？

Answer 1

我在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小部件.

Answer 2

Twitter 不允许您仅通过设置更改字体大小或字体系列。

您也不能对源自另一个域的 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

或者使用另一个第三方小部件，如下所示：

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