problem with css loading and background images

N

nullbytes

New Member
I am having problem with css loading time of my site expandincome[dot]com
whenever i browse the site with a new browser, at first the plain html appears then it slowly loads styles.
navigation bar background image, body bakground image loads very slowly.
I am using googlefont "oswald" and it does not load either in some browsers.
very very disappointed, this is the first time i having this type of problem in my 2 years web designing career.
any suggestions? i can't find any solution to it.
 
D

d a v e

New Member
loaded fine for me except - fonts loaded using win7 latest firefox and chrome and site loaded in a couple of seconds (and i'm in finland) but no fonts in opera or ie9 (64-bit)

are you sure this is enough @import url(http://fonts.googleapis.com/css?family=Oswald); ?

when i use fontsquirrel i get a lot more stuff than that - all the different formats, which i'm guessing may be missing which is why only the supporting browers show the font
 
chrishirst

chrishirst

Well-Known Member
Staff member
It's a phenomena known as F.O.U.C. or a Flash Of Unstyled Content, usually caused by using @import for your style rules which tend to load after the content is retrieved and rendered.
 
N

nullbytes

New Member
d a v e said:
loaded fine for me except - fonts loaded using win7 latest firefox and chrome and site loaded in a couple of seconds (and i'm in finland) but no fonts in opera or ie9 (64-bit)

are you sure this is enough @import url(http://fonts.googleapis.com/css?family=Oswald); ?

when i use fontsquirrel i get a lot more stuff than that - all the different formats, which i'm guessing may be missing which is why only the supporting browers show the font
Click to expand...
flash of unstyled contents appeared first time with opera browser.
with latest firefox, google font loads in second load. I mean after refreshing or when i go to another page.
yeah, i am using @import to embed google font .
 
N

nullbytes

New Member
d a v e said:
does @import import all the svg, eofs etc and all the necessary mulrtitude of formats?
Click to expand...
I placed this line of code at the beginning of my stylesheet @import url(http://fonts.googleapis.com/css?family=Oswald);
It has been removed, now i am using one more stylesheet link for loading the font , which is recommended by google.
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
still no luck.
canybody tell me why navigation background image loads at last?
 
N

nullbytes

New Member
Cromer said:
Even I too do not seem any problem with your website. Your websites loads as normal to me
Click to expand...
Does the font oswald load at the first time on your browser?
In my pc, it loads after a refresh or if you go to a page. I am using firefox 16, opera 11
 
You must log in or register to reply here.
Top