Как изменить тип шрифта в викторине twitter.com?

Question

У меня есть некоторые базовые знания в кодировании, большинство из которых я узнал через чтение.

Я использую wordpress для своего сайта. Теперь мне нравится официальный виджет Twitter, но единственный недостаток - ограниченные возможности стилизации.

Я проверил доступные варианты стилизации, но не смог найти, что позволяет мне изменить размер шрифта.

Так что я думал, что попытаюсь импортировать файл javascript (здесь: http://platform.twitter.com/widgets.js) и посмотреть, могу ли я что-нибудь изменить в нем. Поэтому я искал «шрифт» и редактировал шрифт по умолчанию в файле, а затем загружал его на свой сайт, но это не повлияло на то, как появляется шрифт.

Есть ли простой способ принудительного изменения предопределенного css виджета?

Answer 1

Twitter не позволяет изменять размер шрифта или семейство шрифтов только с настройками.

вы не можете создать содержимое iframe, исходящее из другого домена .

Там, как представляется, решение, когда вы получаете JavaScript-файлы самостоятельно, как вы говорите:

http://www.petermoss.com/post/how-to-change-Twitter-widgets-font-size-or-color.aspx

Чтобы изменить шрифт ваших твитов, вы должны изменить следующий класс CSS в widget.js (на вашем собственном сервере):

.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 2

Единственное решение Я нашел в Twitter Enhanced Ti meline - использовать javascript для изменения css после загрузки iframe.

Необходимо использовать 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 виджет.