Twitter widget tweets text not appearing properly in safari?


#1

Having a slight issue. Have the twitter widget on my website but can’t get the tweets text size to appear correctly in a safari browser.

In safari the tweet text just seems all bunched together and is nearly unreadable.

It looks perfect in Internet explorer.

Website is: http://www.grantscaravans.co.uk

script charset=“utf-8” src=“http://widgets.twimg.com/j/2/widget.js” /script
script
new TWTR.Widget({
version: 2,
type: ‘profile’,
rpp: 4,
interval: 30000,
width: ‘auto’,
height: 300,
theme: {
shell: {
background: ‘#336699’,
color: ‘#ffffff
},
tweets: {
background: ‘#ffffff’,
color: ‘#000000’,
links: ‘#336699
}
},
features: {
scrollbar: false,
loop: false,
live: false,
behavior: ‘all’
}
}).render().setUser(‘grantscaravans’).start();
/script

I also have the following in a css file but it makes no difference to the safari browser:
.twtr-doc{margin-top: 37px;}
.twtr-tweet-text {font size: 12px; font-family: Arial, Helvetica, sans-serif;;}
.twtr-hyperlink {font size: 12px; font-family: Arial, Helvetica, sans-serif;;}
.twtr-atreply {font size: 12px; font-family: Arial, Helvetica, sans-serif;;}
.twtr-hashtag {font size: 12px; font-family: Arial, Helvetica, sans-serif;;}
.twtr-tweet-wrap {font size: 12px; font-family: Arial, Helvetica, sans-serif;;}
.twtr-avatar {font size: 12px; font-family: Arial, Helvetica, sans-serif;;}
.twtr-img {font size: 12px; font-family: Arial, Helvetica, sans-serif;;}

Not sure what to do to try and resolve this - any help appreciated.


#2

#3