I wrote it in an hour, so please report bugs here. Several improvements could be made here and there, so do not hesitate to contact me. if you have any suggestions.
There have been several GDPR issues popping up lately with Google & Google CDN. We don't know what they are doing with user details, such as IP address, browser agent, etc.
So I decided to create a similar service just without logging ANYTHING.
Change the domain name from fonts.googleapis.com to api.fonts.coollabs.io in your <head> tag; that's it!
Example:
Original <head> content:
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet" />Replaced <head> content:
<link rel="preconnect" href="https://api.fonts.coollabs.io" crossorigin />
<link href="https://api.fonts.coollabs.io/css2?family=Roboto&display=swap" rel="stylesheet" />Or with @import:
From:
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
</style>To:
<style>
@import url('https://api.fonts.coollabs.io/css2?family=Roboto&display=swap');
</style>Supports css2 API endpoint and css API endpoint as well.
Currently, Material Icons is supported.
Original <head> content:
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />Replaced <head> content:
<link rel="preconnect" href="https://api.fonts.coollabs.io" crossorigin />
<link href="https://api.fonts.coollabs.io/icon?family=Material+Icons" rel="stylesheet" />
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent