Jump to content


Photo
- - - - -

How to add the primary font (any custom font) to the Twitter Widget (java script


  • Please log in to reply
4 replies to this topic

#1 fritzfeger

fritzfeger

    Member

  • Members

  • 15 posts
  • LocationGermany
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 01 April 2011 - 09:05 PM

When I set fonts in the typography panel, the Twitter Widget, as taken from twitter.com, resources, overrides these settings and uses some sans font, which looks kind of displaced in my serif layout (while the rest of the widget looks quite nice to my reddened eyes). Anything I could insert into the .js? Here's the code:

Please Login or Register to see this Hidden Content



#2 kastelic

kastelic

    Advocate

  • Members

  • 3081 posts
  • Country: Country Flag

Posted 02 April 2011 - 05:01 AM

Have you tried adding

Please Login or Register to see this Hidden Content

to one of the lines?

Or maybe target it in your custom CSS with the same type of rule?
A link to your site could help us get you that code working.

#3 fritzfeger

fritzfeger

    Member

  • Members

  • 15 posts
  • LocationGermany
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 12 April 2011 - 02:14 PM

Ok, I'm using the Google font Old Standard TT (available in the Typography section of PageLines settings) throughout the site and I'd love to have the Twitter widget also using this. The site is

Please Login or Register to see this Hidden Content



Thank you!
Fritz

#4 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 12 April 2011 - 10:26 PM

Dont change any js just use the CSS classes already applied. Add this to your themes custom code - custom css area ` body .twtr-widget .twtr-tweet-wrap { font-family: "Old Standard TT", "Times New Roman", Times, serif; } `

#5 fritzfeger

fritzfeger

    Member

  • Members

  • 15 posts
  • LocationGermany
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 13 April 2011 - 12:54 PM

this is cool.