Looking at your html source, the merged url that is being generated for google fonts is:
https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700|Rubik:400,700|Dancing+Script:regular|Cabin+Sketch:regular:regular:regular:regular,regular&subset=latin,latin-ext
This opens on the browser properly and it includes latin-ext.
When you inline the CSS code, it fetches each stylesheet separately, simulating IE10 (for hinted woff fonts) and inlines them on the header. The url that is fetched, should be exactly the same as the one you have enqueued.
Looking at the url above, you seem to be enqueueing Cabin+Sketch:regular:regular:regular:regular,regular which has the wrong format, and perhaps that’s the reason why it fails.
Can you post your enqueued google font urls, before enabling FVM?
And can you post the inlined code, that is generated by FVM on the HTML?
Do your characters show up without FVM, using Internet Explorer 10?
ver 2.7.3 fix the problem 🙂
Yes, I added some code to strip away any extraneous code such as :regular:regular:regular:regular,regular
It’s still an error on how you are enqueueing fonts though.
It work for sometimes, after I change some settings in Fast Velocity Minify problem appear again and still apear after revert, to reproduce this error, I am using free “themify builder” and buld-in google font api. I am curently disable builder font method and added code for font manuely.
@webmaster1983 that’s the correct font for the google fonts url you posted.
We shrink it, by setting the useragent as IE10, which works exactly the same but returns only the hinted woff files, instead of a lot of other fonts not used on all browsers.
OK, but this dont work for latin-ext case, this url I posted was generated by wp function when user choose font.
$path = ( is_ssl() ? 'https' : 'http' ) . '://fonts.googleapis.com/css?family=' . join( '|', $fonts );
if( $subsets = themify_get_font_subsets() ) {
$subsets = join( ',', $subsets );
$subsets = str_replace( ' ', '', $subsets );
$path .= '&subset=' . $subsets;
}
wp_enqueue_style( 'themify-google-fonts', $path );
@webmaster1983 the url you provided earlier, is not latin-ext.
What’s the url that get’s generated and visible on the html source code without FVM enabled?
And which url is FVM generating, once you disable the inline fonts option?
It should let you compare and see the difference.
Hello, I am using this link without minify it is generated by php https://fonts.googleapis.com/css?family=Source+Sans+Pro%3A300%2C400%2C600%2C700%2C900%7CGreat+Vibes&display=swap&subset=latin&ver=5.2.3 – when you follow this link inside is latin-ext font, and everything working fine.
After inline with fast velocity minify I got this font, some leather dont show, or show replacement.
https://fonts.gstatic.com/s/greatvibes/v7/RWmMoKWR9v4ksMfaWd_JN9XFiaI.woff
https://mimiko.studiobelgrade.com/
I fix it, I changle latin to latin-ext, now work. Thanks for fast reply. Very fast for Fast Velocity Minify. Awesome!!
https://mimiko.studiobelgrade.com/
@webmaster1983 Yes, I was going to tell you that you needed to add latin-ext instead of latin, since that is the correct format.
I’m not sure how it was working before, but could be because we get only the woff files (smaller, broader compatibility), but it certainly works if you add the latin-ext to your fonts.
Glad you fix it.
Thanks
