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

【问题标题】：How to change font type in twitter.com widget?如何更改 twitter.com 小部件中的字体类型？
【发布时间】：2013-05-23 08:46:28
【问题描述】：

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

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

我检查了可用的样式选项，但找不到任何可以让我更改字体大小的选项。

所以我想我会尝试导入 javascript 文件（此处：http://platform.twitter.com/widgets.js），看看是否可以更改其中的任何内容。所以我搜索了“字体”并编辑了文件中的默认字体，然后将其上传到了我的网站，但这并没有影响字体的显示方式。

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

【问题讨论】：

标签： twitter fonts widget styling

【解决方案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 小部件。

【讨论】：

:) 谢谢，我使用了 $(window).bind("load", function() { .. your code });
哈哈“她得到了一个风格化的 Twitter 小部件”

【解决方案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

或使用其他第三方小部件，如下所示：

【讨论】：

谢谢尼克。我认为您提供的解决方案不适用于新的 twitter 小部件。请参阅 javascript 文件（第 1 篇文章中的链接）。还有其他建议吗？我很想自己实现这个小部件，但这对我来说太先进了。
那么有可能是不可能的。您实际上应该使用第一个第三方小部件，它很棒，您可以设置它的样式。
链接已损坏，这是给任何人看的：web.archive.org/web/20130430045913/http://www.petermoss.com/…

【解决方案3】：

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

【讨论】：