如何在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不允许您仅使用设置更改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

或者使用下面的其他第三方小部件 ：

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

Answer 3

如果限制窗口小部件的宽度，字体大小将会更改。 要获得更小的字体大小，使小部件更窄。