Font-family and font-size in the twitter website widget


#1

As subject says, is there any way I can change the font-family and the font-size of the twitter widget on the website I am making?


#2

I hope there is… I’ve been trying to change the font because it looks horrible in IE8… But there’s no way I’ve found to edit… Facebook supports multiple fonts to choose from… Should be implemented here…


#3

use these in your style sheet

.twtr-tweet-text
.twtr-hyperlink
.twtr-atreply
.twtr-hashtag
.twtr-tweet-wrap
.twtr-avatar
.twtr-img

eg
.twtr-tweet-text {font size: 12px; font-family: Georgia, Serif;}
.twtr-hyperlink {font size: 12px; font-family: Georgia, Serif;}
.twtr-atreply {font size: 12px; font-family: Georgia, Serif;}
.twtr-hashtag {font size: 12px; font-family: Georgia, Serif;}
.twtr-tweet-wrap {font size: 12px; font-family: Georgia, Serif;}
.twtr-avatar {font size: 12px; font-family: Georgia, Serif;}
.twtr-img {font size: 12px; font-family: Georgia, Serif;}


#4

This doesn’t work on the Twitter timeline, because it’s inside an iFrame. Does anyone have an easy solution to CSS style the timeline?


#5

I don’t think you can style content of an iframe originating on another domain. I wish the developers would just remove Helvetica Neue from the css for IE. It’s an awful looking mess. I can’t remove it from my PC because I do use it in graphic design applications. But not for web.


#6

so twitter not allowed to changed css for font-family,size for now ? I want to change in my twitter search timeline. can possible be change ? any suggestion ?


#7