Chrome not loading website when Google Fonts are installed/running - google-chrome

I have a website that's using the Open Sans typeface from Google Fonts. Now for some reason, when I have Open Sans running (either by using the embed codes provided on the Google Fonts website or by using #type-face to store the fonts locally) the site will sporadically fail to load at all. It may load the first time you get to the site but if you try to refresh the page it stalls and you have to close the tab to proceed.
This ONLY ever happens in Chrome.
I've been working on this issue for a whole day now and I've come to my wit's end.
Any ideas would be hugely appreciated. Let me know if further info is needed.
I'm using OSX version 10.9.2 and Chrome version 35.0.1916.153
Cheers.

Related

Favicon shows on a browser tab but not on a bookmark in Firefox

As in the topic.
I created a 32x32 favicon.ico file and put it into a project folder.
This icon shows nicely on a browser's tab but when I drag this tab to bookmarks icon changes to a terminal icon.
I run page locally with flask development sever and Firefox.
I tried different locations and formats with the same effect.
I suspect some Firefox's settings needs to be changed because Chromium and PaleMoon are fine.
Any ideas where else to look?
This is just an annoyance but any help will be appreciated. Thanks.
Favicons in firefox are loaded dynamically that is each time you open a tab, this has been a bug about it until recently this study was released this showed that favicons are capable of tracking browsing activity as favicons are saved by other browsers to local disk, then firefox made it a feature ;).
Later supercookie was released and showed the proof of concept working.
But to answer your question firefox loads then each time when connecting to the server which was a bug, which now is a feature to have the favicon retrieved opening eachtime.

Why does Google Chrome only displays the first page a pdf file?

I'm facing a problem with Google Chrome. One of my PDF only shows the first page and the rest looks as following:
Example:
First page is displayed normaly.
It recognizes the amount of pages in the PDF.
If I download the PDF, it is completely fine and useable, I even can open it in Chrome and it works fine. The problem doesn't occur on Firefox or Safari.
I'm using Google Chrome Version 85.0.4183.83 (Official Build) (64-bit)
Thanks for your help.
I experienced the same issue (but with another website). After investigation, it appears that this has something to do with SameSite cookies.
You can fix it by setting this flag to Disabled then restart Chrome:
chrome://flags/#same-site-by-default-cookies
Update: Found an issue in the Chromium bug tracker related to this problem:
https://bugs.chromium.org/p/chromium/issues/detail?id=961617
This issue appears to be caused by a conflict between Chrome and Fast Web View pdf optimisation. To fix it you need to turn off the optimisation within your pdf program settings and save the file again (in Adobe products this is located Preferences>Documents>Save Settings - uncheck Save As optimizes for Fast Web View). Pdf files which don't include this optimisation render all pages correctly.

Why does this "Slow network detected..." log appear in Chrome?

I noticed this info log began to appear in Google Chrome Dev (Version 55.0.2883.18 dev) and I can't imagine why.
Slow network is detected. Fallback font will be used while loading: http://font-path.extension`
It appears on all websites that use font-face, even on local pages and Chrome extensions.
This means the network is slow, and Chrome is replacing a web font (loaded with a #font-face rule) with a local fallback.
By default, the text rendered with a web font is invisible until the font is downloaded (“flash of invisible text”). With this change, the user on a slow network could start reading right when the content is loaded instead of looking into the empty page for several seconds.
Related Chrome issue: https://bugs.chromium.org/p/chromium/issues/detail?id=578029. (A change enabling this behavior for 3G connections landed in September; this should be the reason you got the message.)
Related source code: https://chromium.googlesource.com/chromium/src/third_party/+/master/WebKit/Source/core/css/RemoteFontFaceSource.cpp#74
I faced same issue for chrome build 61.0.3163.100 on MacOs Sierra with localhost as server. Chrome started logging this message when I changed network speed configuration to 3G fast/ 3G slow and again back to Online.
Fix:
When I tried selecting Offline mode and again Online mode, the logging issue disappeared. (This fix may no work on some devices or versions)
Update on 30th Jan 2018
I updated google chrome to Version 64.0.3282.119 (Official Build) (64-bit), it seems this bug is fixed now.
EDIT: This is not working with latest version of 63.0+
I was able to disable it using help from one of above comments, go to
chrome://flags/#enable-webfonts-intervention-v2
The trick is to also disable the "Trigger User Agent Intervention for WebFonts loading always" option just below that as well.
In my case, it was AdBlock Plus extension for Google chrome. Turned it off and it worked perfectly.
if you can access to css of this extension, simply add font-display:block; on font-face definition or send feedback to developer of this extension:)
#font-face {
font-family: ExampleFont;
src: url(/path/to/fonts/examplefont.woff) format('woff'),
url(/path/to/fonts/examplefont.eot) format('eot');
font-weight: 400;
font-style: normal;
font-display: block;
}
I hide this by set console setting
Console settings -> User messages only
Goto chrome://flags/#enable-webfonts-intervention-v2 and set it to disabled
It’s due to a bug in Chrome with their latest API for ‘network speed’. Hope it will be fixed in the next version
I have network throttling disabled but started to get this error today on a 75mb/s business connection...
To fix it in my build of Chrome 60.0.3112.90 (Official Build) (64-bit) I opened the DevTools then navigated to the DevTools Settings then ticked 'Log XMLHttpRequests', unticked 'User messages only' and 'Hide network messages'
I just managed to make the filter regex work: /^((?!Fallback\sfont).)*$/.
Add it to the filter field just above the console and it'll hide all messages containing Fallback font.
You can make it more specific if you want.
If your developing an app that uses google fonts and want to ensure your users do not see these warnings. A possible solution (detailed here) was to load the fonts locally.
I used this solution for an application which at times has slow internet (or no internet access) but still serves pages, This assumes your app uses Google fonts and updates to these fonts are not critical. Also assume that using ttf fonts are appropriate for your application WC3 TTF Font Browser Support.
Here is how I accomplished locally serving fonts:
Go to https://fonts.google.com/ and do a search for your fonts
Add your fonts
Download them
Place them in site root
Add them to your #font file
No, this doesn't mean network is slow.
No, this is not only false warning.
I have this problem on angular web applications after replace link https://fonts.googleapis.com/icon?family=Material+Icons in index.html to integrated version (npm install .... material-icons...). This works, but sometimes web application show that warning.
When warning is shown icons are not rendered for approximately 1 second, so user see badly rendered icons.
I don't have solution yet.
I also had the same errors with fontawesome's fonts.
Then I downloaded the lastest fontawesome's fonts and replace to the old fonts.
And the errors are gone.
The easiest way to disable this is uncheck the warnings in the chrome dev tools
Hope this helps.
you can click 'console settings', and check then box 'Use messages only', after that those messages won't show again.
Updating to the latest version of Chrome (63.0.3239.84) via Help -> About fixed it for me.
(actually, I did had to switch to Offline and back to Online in the Network tab of developers tools to make the last errors go away.)
As soon as I disabled the DuckDuckGo Privacy Essentials plugin it disappeared. Bit annoying as the fonts I was serving was from localhost so shouldn't be anything to do with a slow network connection.
Right mouse сlick on Chrome Dev. Then select filter. And select source of messages.
I've noticed if I use the 'woff' version of the font alone, I got this latency warning message. But if I add the 'ttf' version, the warning disapear. As I'am using a local web application, I made a tradeoff as of the size of font file.
font-face {
font-family: Rakaba;
src: url(../assets/font/web/Rakaba-Bold.woff) format('woff'),
url(../assets/font/Rakaba-Bold.ttf) format('ttf');
}

Joomla Site is too slow on Firefox, but normal on other browser

I have this site http://consyn.com/ in Joomla 2.5
I am having big trouble figuring out that why this site is too slow to load in Firefox, everytime browser hangs for 2 or seconds then loads it.
It loads normally in Google Chrome.
I have tried disabling Maps on the homepage but it has no affect.
Can someone suggest me what can i do?
As i analyze your problem in Firefox each and every website before the load not apply the style(css,js etc..)
but the other browser applied it that's why this website hang in Firefox but not other at starting time.
As you mention in your Question in chrome this website not load but after some time its also load in my computer.
As a solution in your Joomla 2.5 anywhere you search
QuotaService.RecordEvent
named javascript file are there and that is the problem,this file always send to request to something get,actually that which type of data always want that i can't locate but you search this file and check your code and change it.

Chrome 32 - Tab opened with chrome extension doesn't render plug-in correctly

We have a Chrome extension that can be used to open a page into our website. From there the user then continues onto the next page which has a custom NPAPI plug-in embedded in it. This has always worked fine. However, since the version 32 update the plug-in loads and runs (it's a video conferencing plug-in and is clearly running as the other side can see video) however it doesn't show up on the page. Examining the DOM everything looks fine. Grabbing the border and re-sizing the browser will cause the plug-in to suddenly render correctly. I've tried all manner of javascript/css tricks to try and mimic this behavior as a workaround but nothing works. Tabs opened manually (not using chrome.tabs.create) work fine.
This worked up till 32.
Any ideas around this?
Chrome 32 is phasing out NPAPI, read the announcement here.
There is a deprecation guide that you can read here.
It seems like Google wants you to use it's Native Client tech to run native compiled code on user's machines. It is cool stuff...but so far I've found it difficult/more limiting to work with when compared to NPAPI (but there are obvious upsides, security for instance).
You could also build a native app and use native message passing to communicate from extension -> app. Once downside to this is that there is currently no way to bundle a native app into an extension install, so the user will need to download and install your app separately.