-
26 Feb 2012 2:45 AM #1
TabPanel font-family
TabPanel font-family
Hi,
In my application, I need to use custom fonts,so I've added this to my css-file:
now, my tabpanel doesn't render correctlyCode:@font-face { font-family: 'Diplomata'; font-style: normal; font-weight: 400; src: local('Diplomata'), local('Diplomata-Regular'), url('http://themes.googleusercontent.com/static/fonts/diplomata/v1/8UgOK_RUxkBbV-q561I6kD8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); } .x-tab-inner { font-family: 'Diplomata' !important; }
Screenshot at 2012-02-26 11:53:56.jpg
after selecting a tab, all is ok.
Screenshot at 2012-02-26 12:11:49.jpg
any ideas how to fix this?
Thanks
-
27 Feb 2012 5:49 AM #2Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 34,121
- Vote Rating
- 453
Sounds like it doesn't know what width to show at startup. You may need to add some more CSS to get it to look how you want.
Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Forum Manager
________________
http://www.JSONPLint.com - Source to lint your JSONP!
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
https://github.com/mitchellsimoens
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services services@sencha.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!
When posting code, please use BBCode's CODE tags.
-
27 Feb 2012 6:33 AM #3
Yeap,
but I can't add width-prop to my css,
because I don't know what width should be applied to tab-name
-
28 Feb 2012 9:18 AM #4
Should I add this to bug-list?
-
1 Mar 2012 8:27 AM #5
Anyone???,
I don't believe that only I have this problem.
Folks, please, I need help with this
-
3 Dec 2012 10:48 AM #6
Bump. I'm seeing a similar problem when using a Google webfont. The spacing between the tabs varies.


Reply With Quote