37
edits
Changes
fixed format again
== Fonts ==
<span class="problem">Fonts are an important part of the style of a website. Google has cynically made it incredibly easy to utilise utilize any of a huge number of fonts on websites, but it comes with a price: what they get in exchange for this, is the ability to track your visitors. It is therefore important to the privacy of your visitors to ensure that you do not use Google fonts in your website. There are two ways to avoid this. If using specific fonts is a priority, the best way to do this is to simply host the fonts on your own server, so that no third-parties receive data about your visitors through your fonts. Since this solution requires some level of comfort in handling your website’s files, if you are comfortable with having some users fall back on default web fonts, then you can simply “font stack,” and rely on the user’s own system fonts to do the job.</span>
== Replacements ==
<span class="intro">
To remove Google Fonts from your website and self-host instead, you will need to upload the fonts you want to use to your server. Some services for selecting and downloading or purchasing fonts are listed below. You will then enter the CSS and HTML files of your pages and search for all references to font-face or font-family and remove them. You will then replace these references with a direct link to your self-hosted font.Typically, when you download fonts to use for your website, you will receive a folder of several variations of the font – this allows the font to be rendered in various formats and browsers. You may receive .eot, .woff, and .ttf files. </span> <h3 class="title entry solution-1">Fontello</h3><span class="link entry solution-1">http://fontello.com/</span><span class="description entry solution-1">Fontello is a collection of icons that you can download and self-host on your website to call on as you would a font.</span> <h3 class="title entry solution-2">Font Squirrel</h3><span class="link entry solution-2">https://www.fontsquirrel.com/</span><span class="entry solution-2 description">Font Squirrel is a popular service which enables you to download fonts to self-host on your website as specified above.</span> <h3 class="title entry solution-3">Practical Typography</h3><span class="link entry solution-3">https://practicaltypography.com/free-fonts.html</span><span class="entry solution-3 description">Practical Typography provides a small selection of open license fonts to download and self-host on your website as specified above.</span>
<pre>@font-face {
<pre>font-family: ‘Georgia’, ‘Times New Roman’, serif;</pre>
If the user’s system contains the Georgia font, that should display, if not, it will fall back on Times New Roman, or finally on the system-default serif font. List your favorite web-safe serif or sansane-serif fonts according to similarity and preference. W3 has a useful article[https://www.w3schools.com/cssref/css_websafe_fonts.asp] listing and displaying web safe fonts for you to choose from.
That's it! You've liberated your website and visitors from a Google tracker!
