Fonts flashing [SOLVED]
Printed From: openElement Website
Category: openElement
Forum Name: Error Reports
Forum Description: Submit an error report for our technical support.
URL: https://forums.openelement.uk/en/forum_posts.asp?TID=1292
Printed Date: Apr 18 2024 at 6:10pm
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com
Topic: Fonts flashing [SOLVED]
Posted By: digizar
Subject: Fonts flashing [SOLVED]
Date Posted: Dec 29 2017 at 8:11pm
Why is the displayed text on this (and others) page flashing?
First it comes up to the screen in a completely different font style,
which is the selected standard font of the FireFox (or any other) browser.
The expected size an color of the font ist ok during reception.
It does not matter which font or font family is selected in the CSS-Style.
After all information of this page did arrive, the fonts will be 'corrected' to the CSS-specified type.
That is a nono.
How can this be avoided or corrected, so the font would already be displayed correctly during the reception of the page content?
Sample domain (not complete yet):
http://pummelchen.org" rel="nofollow - https://pummelchen.org
-------------
___________________________________
Ask questions only if there is no answer yet.
https://blumendigi.com
|
Replies:
Posted By: Dmit OE
Date Posted: Dec 30 2017 at 1:34pm
Hi,
You page is very light, so it appears almost instantly, before the webfont is loaded. You can either try to choose the page font to be something "standard" but closer to the webfont, or like on a number of websites make a "loader" - do not let user see the page until it is fully loaded. The simplest way to try is to show a white full-screen tag then hide it on page loaded, add a Code Block Visual with the code:
<div id="loader" style="position: fixed !important; z-index: 1000000 !important; left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:white;"></div>
<script>
$(function(){
setTimeout(function(){ $('#loader').fadeOut("slow"); }, 500);
});
</script>
|
|
Posted By: digizar
Date Posted: Dec 30 2017 at 5:50pm
Very nice, it works. Thanks o much.
-digi-
Have a nice trip into the next year. :-)
-------------
___________________________________
Ask questions only if there is no answer yet.
https://blumendigi.com
|
|