How to fix font jumping? When you open first time page u can see one font, after seconds can see "template" font. You can see this also if u a changing pages.
I found out what the problem is and I will explain it to you and also provide the fix.
In the Construction demo, we have used Cooper Hewitt font that is published from Font Squirrel (see screenshot). This font is only published in their library and doesn't exist on Google Fonts library for the moment.
I detected that CSS that Font Squirrel gives from its API calls .woff2 files too but for this specific font that we are using they don't offer the .woff2 file.
I searched on google and then I found the .woff2 files of Cooper Hewitt font and then I added those files to their specific folders.
Now what you need do to:
1. You can download the .woff2 variant of this font here: https://d.pr/f/uw6TeG. Extract the file and you will find three files:
CooperHewitt-Semibold-webfont.woff2
CooperHewitt-Medium-webfont.woff2
CooperHewitt-Book-webfont.woff2
2. Copy the CooperHewitt-Semibold-webfont.woff2 file and add it to this folder on your server wp-content/uploads/typolab-fonts/font-squirrel/cooper-hewitt/cooperhewitt_semibold_macroman/ and paste it there.
3. Copy the CooperHewitt-Medium-webfont.woff2 file and add it to this folder on your server wp-content/uploads/typolab-fonts/font-squirrel/cooper-hewitt/cooperhewitt_mediumitalic_macroman/ and paste it there.
4. Copy the CooperHewitt-Book-webfont.woff2 file and add it to this folder on your server wp-content/uploads/typolab-fonts/font-squirrel/cooper-hewitt/cooperhewitt_book_macroman/ and paste it there.
5. Now you should not see the "font jumping" effect anymore
How to fix font jumping? When you open first time page u can see one font, after seconds can see "template" font. You can see this also if u a changing pages.
Maybe this effects somehow (attachment)?
Hi dronich,
Please send me your WordPress and FTP credentials, because I need to login to your site and test this.
To include your credentials click the Insert Credentials button in the editor toolbar (see how) so your reply will be private.
Thanks!
Hi Ylli,
Thank you for reply, this error you can see even on your demo site. If u still need credentials, i will send you today/tomorrow.
Hi dronich,
I found out what the problem is and I will explain it to you and also provide the fix.
In the Construction demo, we have used Cooper Hewitt font that is published from Font Squirrel (see screenshot). This font is only published in their library and doesn't exist on Google Fonts library for the moment.
I detected that CSS that Font Squirrel gives from its API calls .woff2 files too but for this specific font that we are using they don't offer the .woff2 file.
I searched on google and then I found the .woff2 files of Cooper Hewitt font and then I added those files to their specific folders.
Now what you need do to:
1. You can download the .woff2 variant of this font here: https://d.pr/f/uw6TeG. Extract the file and you will find three files:
2. Copy the CooperHewitt-Semibold-webfont.woff2 file and add it to this folder on your server wp-content/uploads/typolab-fonts/font-squirrel/cooper-hewitt/cooperhewitt_semibold_macroman/ and paste it there.
3. Copy the CooperHewitt-Medium-webfont.woff2 file and add it to this folder on your server wp-content/uploads/typolab-fonts/font-squirrel/cooper-hewitt/cooperhewitt_mediumitalic_macroman/ and paste it there.
4. Copy the CooperHewitt-Book-webfont.woff2 file and add it to this folder on your server wp-content/uploads/typolab-fonts/font-squirrel/cooper-hewitt/cooperhewitt_book_macroman/ and paste it there.
5. Now you should not see the "font jumping" effect anymore
Thanks!
Hi Ylli,
Thank you for fast and excellent support!
I'm very happy that this problem is now resolved
I wish you all the best!
P.S: If you like the theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab.
A huge thank you from me and Laborator in advance.