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’);
}

Areeb Soo Yasir

Business and technology have always gone hand in hand for me, and now I've built nearly 20 years of expertise. A few notable achievements: -> Tier III-Designed & deployed multiple mission critical datacenter environments in Canada, US, Hong Kong, Singapore & China. -> Software Engineering: Created a Linux OS from scratch, including a custom kernel to maintain millions of dollars in client infrastructure, deploy and report as needed. Created the “Windows Geeks” and “Password Pros” Windows Password Reset software recommended by Microsoft. -> Business Negotiations: Conducted intensive negotiations with branches of the Peoples Republic of China and the various state-run Telecom operations including China Telecom and China Unicom for access to their trillion dollar backbone infrastructure. We were the first western company to have such network access where other IT companies such as Vodafone and Google failed. -> Cloud Infrastructure Creation: Created the first proprietary “Clustered Cloud Architecture” that rivals competing Google, IBM, Microsoft & Alibaba alternatives. I'd love to chat #IT or #Linux or even #Business, so don't hesitate to connect. Cheers!

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *