Skip to content
On this page

Get started

Change the domain name from fonts.googleapis.com to api.fonts.coollabs.io in your <head> tag; that's it!

Example:

Original <head> content:

html
<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:

html
<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:

css
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
</style>

To:

css
<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:

html
<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:

html
<link rel="preconnect" href="https://api.fonts.coollabs.io" crossorigin>
<link href="https://api.fonts.coollabs.io/icon?family=Material+Icons" rel="stylesheet">

Released under the Apache License.