Xcojo Font Engine

Self-hosted, high-performance typography API for internal development and subdomains across xcojo.com.

Available Font Families

EB Garamond

A beautiful, traditional garalde typeface optimized for body text and long-form reading.

Documentation (README) License (OFL.txt)
The quick brown fox jumps over the lazy dog.
Direct Font URLs:
https://dev.xcojo.com/Fonts/EB_Garamond/EBGaramond-VariableFont_wght.ttf
https://dev.xcojo.com/Fonts/EB_Garamond/EBGaramond-Italic-VariableFont_wght.ttf

Cormorant Garamond

An elegant, high-contrast serif font designed for luxury branding, headings, and editorial design.

Documentation (README) License (OFL.txt)
The quick brown fox jumps over the lazy dog.
Direct Font URLs:
https://dev.xcojo.com/Fonts/Cormorant_Garamond/CormorantGaramond-VariableFont_wght.ttf
https://dev.xcojo.com/Fonts/Cormorant_Garamond/CormorantGaramond-Italic-VariableFont_wght.ttf

EB Garamond Integration

Use these code snippets to load and apply EB Garamond on any Xcojo property:

Recommended: Preconnect & Preload (Fastest Loading)

<!-- Preconnect for faster font loading -->
<link rel="preconnect" href="https://dev.xcojo.com">
<link rel="preconnect" href="https://dev.xcojo.com" crossorigin>

<!-- Preload the font files -->
<link rel="preload" href="https://dev.xcojo.com/Fonts/EB_Garamond/EBGaramond-VariableFont_wght.ttf" as="font" type="font/ttf" crossorigin>
<link rel="preload" href="https://dev.xcojo.com/Fonts/EB_Garamond/EBGaramond-Italic-VariableFont_wght.ttf" as="font" type="font/ttf" crossorigin>

<!-- Define @font-face in your CSS -->
<style>
    @font-face {
        font-family: 'EB Garamond';
        src: url('https://dev.xcojo.com/Fonts/EB_Garamond/EBGaramond-VariableFont_wght.ttf') format('truetype-variations');
        font-weight: 100 900;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'EB Garamond';
        src: url('https://dev.xcojo.com/Fonts/EB_Garamond/EBGaramond-Italic-VariableFont_wght.ttf') format('truetype-variations');
        font-weight: 100 900;
        font-style: italic;
        font-display: swap;
    }
</style>

Simple CSS @font-face Only:

@font-face {
    font-family: 'EB Garamond';
    src: url('https://dev.xcojo.com/Fonts/EB_Garamond/EBGaramond-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EB Garamond';
    src: url('https://dev.xcojo.com/Fonts/EB_Garamond/EBGaramond-Italic-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

body {
    font-family: 'EB Garamond', serif;
}

Direct Font File URLs:

Normal: https://dev.xcojo.com/Fonts/EB_Garamond/EBGaramond-VariableFont_wght.ttfItalic: https://dev.xcojo.com/Fonts/EB_Garamond/EBGaramond-Italic-VariableFont_wght.ttf

Cormorant Garamond Integration

Use these code snippets to load and apply Cormorant Garamond on any Xcojo property:

Recommended: Preconnect & Preload (Fastest Loading)

<!-- Preconnect for faster font loading -->
<link rel="preconnect" href="https://dev.xcojo.com">
<link rel="preconnect" href="https://dev.xcojo.com" crossorigin>

<!-- Preload the font files -->
<link rel="preload" href="https://dev.xcojo.com/Fonts/Cormorant_Garamond/CormorantGaramond-VariableFont_wght.ttf" as="font" type="font/ttf" crossorigin>
<link rel="preload" href="https://dev.xcojo.com/Fonts/Cormorant_Garamond/CormorantGaramond-Italic-VariableFont_wght.ttf" as="font" type="font/ttf" crossorigin>

<!-- Define @font-face in your CSS -->
<style>
    @font-face {
        font-family: 'Cormorant Garamond';
        src: url('https://dev.xcojo.com/Fonts/Cormorant_Garamond/CormorantGaramond-VariableFont_wght.ttf') format('truetype-variations');
        font-weight: 100 900;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Cormorant Garamond';
        src: url('https://dev.xcojo.com/Fonts/Cormorant_Garamond/CormorantGaramond-Italic-VariableFont_wght.ttf') format('truetype-variations');
        font-weight: 100 900;
        font-style: italic;
        font-display: swap;
    }
</style>

Simple CSS @font-face Only:

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('https://dev.xcojo.com/Fonts/Cormorant_Garamond/CormorantGaramond-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('https://dev.xcojo.com/Fonts/Cormorant_Garamond/CormorantGaramond-Italic-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

body {
    font-family: 'Cormorant Garamond', serif;
}

Direct Font File URLs:

Normal: https://dev.xcojo.com/Fonts/Cormorant_Garamond/CormorantGaramond-VariableFont_wght.ttfItalic: https://dev.xcojo.com/Fonts/Cormorant_Garamond/CormorantGaramond-Italic-VariableFont_wght.ttf

Static Font Weights

For specific static weights instead of variable fonts:

EB Garamond Static Weights

<!-- Example: Load specific weights -->
<link rel="stylesheet" href="https://dev.xcojo.com/Fonts/?family=EB+Garamond:wght@400;600;700&display=swap">

Available weights: 400, 400i (Italic), 500, 500i (Italic), 600, 600i (Italic), 700, 700i (Italic), 800, 800i (Italic)

Cormorant Garamond Static Weights

<!-- Example: Load specific weights -->
<link rel="stylesheet" href="https://dev.xcojo.com/Fonts/?family=Cormorant+Garamond:wght@400;600;700&display=swap">

Available weights: 300, 300i (Italic), 400, 400i (Italic), 500, 500i (Italic), 600, 600i (Italic), 700, 700i (Italic)

README & Developer Guide

Welcome to the Xcojo Self-Hosted Font Engine & Developer Catalog. This service provides variable and static font weights for professional typography across xcojo.com subdomains, matching the core bold EB Garamond brand aesthetics used across logos and favicons.

API Usage

You can request individual families or combine them using the pipe character (|):

/Fonts/?family=EB+Garamond:wght@400;600;700&display=swap

Features

Direct Font File Access

You can directly access font files without the CSS API: