10

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

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

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

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

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

4

3 回答 3

24

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

于 2013-07-08T00:21:43.227 回答
5

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

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

于 2013-05-23T08:48:28.717 回答
0

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

于 2019-08-22T03:37:33.607 回答