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

或使用其他第三方小部件：

Answer 3

如果限制小部件的宽度，则字体大小将更改。要减小字体大小，请使窗口小部件变窄。

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

3 个答案: