How to use

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">

Get Started

Coolify

Coolify v3 (deprecated)

Fonts

SafeTyper

Icons

​Icons

Icons