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>
Currently, it only supports the css2 API endpoint.
Icons
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">