如何改变字体类型在twitter.com小部件

Question

我有一些基本的编码知识，大部分是通过阅读学习的。

我使用wordpress为我的网站。现在我喜欢官方的twitter小工具，但它唯一的缺点是样式选择有限。

我已经检查了可用的样式选项，但找不到任何允许我改变字体大小的。

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

是否有一种简单的方法来强制更改小部件的预定义css ?

Answer 1

我发现Twitter的Enhanced Timeline的唯一解决方案是在iframe加载后使用javascript修改css。

需要使用窗口。设置超时时间

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

要更改tweet的字体，您必须更改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

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