How to disable Google Fonts on your website

The problem check the source code by viewing your website.
Click “View Source”

Then click the link on any “.css” at the top or search for “googlefontapis.com”

In the .css file you can see this:

#before doing any of this backup your original .css

@import url(“https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,800”);

This is a problem and what stops your site from being viewed in China!  Since CSS files are usually called first before even displaying html this is why your users think the site is blocked or why you may falsely believe your site is blocked when it is simply the CSS font URL call that is causing it.

How to fix it:

For each Google Font Api download it as a file for example above manually entering this into your browser.
Or you can use this command in Linux:

wget https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,800
Save the file as “compevo-google-css.css” or whatever you like:

Inside the file you will see the following:

@font-face {
font-family: ‘Open Sans’;
font-style: italic;
font-weight: 400;
src: local(‘Open Sans Italic’), local(‘OpenSans-Italic’), url(https://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBp0EAVxt0G0biEntp43Qt6E.ttf) format(‘truetype’);
}
@font-face {
font-family: ‘Open Sans’;
font-style: normal;
font-weight: 400;
src: local(‘Open Sans Regular’), local(‘OpenSans-Regular’), url(https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format(‘truetype’);
}
@font-face {
font-family: ‘Open Sans’;
font-style: normal;
font-weight: 700;
src: local(‘Open Sans Bold’), local(‘OpenSans-Bold’), url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format(‘truetype’);
}
@font-face {
font-family: ‘Open Sans’;
font-style: normal;
font-weight: 800;
src: local(‘Open Sans ExtraBold’), local(‘OpenSans-ExtraBold’), url(https://fonts.gstatic.com/s/opensans/v15/EInbV5DfGHOiMmvb1Xr-honF5uFdDttMLvmWuJdhhgs.ttf) format(‘truetype’);
}

#########

for each url download the font manually:

Based on the above I made a quick script to help:

for font in `cat cssgoogle.css|grep “.ttf”|cut -d “,” -f 3|awk ‘{print $1}’|sed s#url\(##g|sed s#\)##g`; do
wget –no-check-certificate $font
done

#will download all the fonts like below

https://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBp0EAVxt0G0biEntp43Qt6E.ttf
https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf
https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf
https://fonts.gstatic.com/s/opensans/v15/EInbV5DfGHOiMmvb1Xr-honF5uFdDttMLvmWuJdhhgs.ttf

#comment out the original

@import url(“https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,800”);

#add the following modified code to the top of the original css file:
Change the paths to suit where you downloaded these .ttf files:
#in general you are going to be searching and replacing “https://fonts.gstatic.com/s/opensans/v15/” with “/some/to/your/ttffonts”

@font-face {
font-family: ‘Open Sans’;
font-style: italic;
font-weight: 400;
src: local(‘Open Sans Italic’), local(‘OpenSans-Italic’), url(/design-2017-zf/assets/css/xjAJXh38I15wypJXxuGMBp0EAVxt0G0biEntp43Qt6E.ttf) format(‘truetype’);
}
@font-face {
font-family: ‘Open Sans’;
font-style: normal;
font-weight: 400;
src: local(‘Open Sans Regular’), local(‘OpenSans-Regular’), url(/design-2017-zf/assets/css/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format(‘truetype’);
}
@font-face {
font-family: ‘Open Sans’;
font-style: normal;
font-weight: 700;
src: local(‘Open Sans Bold’), local(‘OpenSans-Bold’), url(/design-2017-zf/assets/css/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format(‘truetype’);
}
@font-face {
font-family: ‘Open Sans’;
font-style: normal;
font-weight: 800;
src: local(‘Open Sans ExtraBold’), local(‘OpenSans-ExtraBold’), url(/design-2017-zf/assets/css/EInbV5DfGHOiMmvb1Xr-honF5uFdDttMLvmWuJdhhgs.ttf) format(‘truetype’);
}