Display text only after restart in firefox
I have a special problem that only occurs in firefox. If the site is opened for the first time with firefox, it doesn't display some of the text parts in the div. You can see it here: http://www.cyberassec.de/haftplichtversicherung.php Take a look at the bottom or a screenshot here .
After reloading this site all texts are displayed. This can be restored by clearing the cache. No problem with IE or Chrome.
I am using firefox 38.0.5 for Windows 7 professionals. The web page uses jQuery 1.11.1 with bootstrap 3.3.4.
Does anyone help to solve the display problem?
Thanx!
source to share
Looks like a problem with fonts. Mozilla doesn't allow loading fonts from different domains by default.
You need a little htaccess code for it to work:
Allow fonts for all domains:
// This will allow font embedding from all domains
<FilesMatch "\.(ttf|ttc|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
Allow fonts for a specific domain:
// Allow only specific domain for fonts
<FilesMatch "\.(ttf|ttc|otf|eot|woff)$">
<IfModule mod_headers.c>
Access-Control-Allow-Origin: http://otherdomain.com
</IfModule>
</FilesMatch>
More info: Webkit font issue
source to share
Thanks for your reply!
I found another problem. I have used css compressor. He changed "font-size: 1.0em" to "font-size: 1.0". firefox interpreted this as "font-size: 1.0px" and rendered the text in 1px fontsize. After restarting firefox, please ignore this line, I don't know why? I changed it now to 13px and everything works fine.
source to share