react-fontpicker-ts
Version:
A Google font picker component for React
3,264 lines (3,260 loc) • 478 kB
JavaScript
var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
for (var prop in b || (b = {}))
if (__hasOwnProp.call(b, prop))
__defNormalProp(a, prop, b[prop]);
if (__getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(b)) {
if (__propIsEnum.call(b, prop))
__defNormalProp(a, prop, b[prop]);
}
return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
var __objRest = (source, exclude) => {
var target = {};
for (var prop in source)
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
target[prop] = source[prop];
if (source != null && __getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(source)) {
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
target[prop] = source[prop];
}
return target;
};
var __esm = (fn, res) => function __init() {
return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
};
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __async = (__this, __arguments, generator) => {
return new Promise((resolve, reject) => {
var fulfilled = (value) => {
try {
step(generator.next(value));
} catch (e) {
reject(e);
}
};
var rejected = (value) => {
try {
step(generator.throw(value));
} catch (e) {
reject(e);
}
};
var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
step((generator = generator.apply(__this, __arguments)).next());
});
};
// font-preview/font-previews.css
var init_font_previews = __esm({
"font-preview/font-previews.css"() {
}
});
// src/components/FontPreviews.tsx
var FontPreviews_exports = {};
__export(FontPreviews_exports, {
default: () => FontPreviews_default
});
import { Fragment, jsx } from "react/jsx-runtime";
var FontPreviews, FontPreviews_default;
var init_FontPreviews = __esm({
"src/components/FontPreviews.tsx"() {
"use strict";
init_font_previews();
FontPreviews = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
FontPreviews_default = FontPreviews;
}
});
// src/components/FontPicker.tsx
import { lazy, Suspense, useCallback, useEffect, useMemo, useRef, useState } from "react";
// font-preview/fontInfo.json
var fontInfo_default = [
{
category: "sans-serif",
name: "ABeeZee",
sane: "abeezee",
variants: [
"0,400",
"1,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Abel",
sane: "abel",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "serif",
name: "Abhaya Libre",
sane: "abhaya_libre",
variants: [
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"latin",
"latin-ext",
"sinhala"
]
},
{
category: "display",
name: "Aboreto",
sane: "aboreto",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "display",
name: "Abril Fatface",
sane: "abril_fatface",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "serif",
name: "Abyssinica SIL",
sane: "abyssinica_sil",
variants: [
"0,400"
],
subsets: [
"ethiopic",
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Aclonica",
sane: "aclonica",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Acme",
sane: "acme",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "sans-serif",
name: "Actor",
sane: "actor",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "serif",
name: "Adamina",
sane: "adamina",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "display",
name: "ADLaM Display",
sane: "adlam_display",
variants: [
"0,400"
],
subsets: [
"adlam",
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Advent Pro",
sane: "advent_pro",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"0,900",
"1,100",
"1,200",
"1,300",
"1,400",
"1,500",
"1,600",
"1,700",
"1,800",
"1,900"
],
subsets: [
"cyrillic",
"cyrillic-ext",
"greek",
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Afacad",
sane: "afacad",
variants: [
"0,400",
"0,500",
"0,600",
"0,700",
"1,400",
"1,500",
"1,600",
"1,700"
],
subsets: [
"cyrillic-ext",
"latin",
"latin-ext",
"math",
"symbols",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Afacad Flux",
sane: "afacad_flux",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"0,900"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "display",
name: "Agbalumo",
sane: "agbalumo",
variants: [
"0,400"
],
subsets: [
"cyrillic-ext",
"ethiopic",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Agdasima",
sane: "agdasima",
variants: [
"0,400",
"0,700"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "display",
name: "Agu Display",
sane: "agu_display",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "handwriting",
name: "Aguafina Script",
sane: "aguafina_script",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Akatab",
sane: "akatab",
variants: [
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"0,900"
],
subsets: [
"latin",
"latin-ext",
"tifinagh"
]
},
{
category: "display",
name: "Akaya Kanadaka",
sane: "akaya_kanadaka",
variants: [
"0,400"
],
subsets: [
"kannada",
"latin",
"latin-ext"
]
},
{
category: "display",
name: "Akaya Telivigala",
sane: "akaya_telivigala",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"telugu"
]
},
{
category: "display",
name: "Akronim",
sane: "akronim",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Akshar",
sane: "akshar",
variants: [
"0,300",
"0,400",
"0,500",
"0,600",
"0,700"
],
subsets: [
"devanagari",
"latin",
"latin-ext"
]
},
{
category: "display",
name: "Aladin",
sane: "aladin",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Alan Sans",
sane: "alan_sans",
variants: [
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"0,900"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Alata",
sane: "alata",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Alatsi",
sane: "alatsi",
variants: [
"0,400"
],
subsets: [
"cyrillic-ext",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Albert Sans",
sane: "albert_sans",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"0,900",
"1,100",
"1,200",
"1,300",
"1,400",
"1,500",
"1,600",
"1,700",
"1,800",
"1,900"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Aldrich",
sane: "aldrich",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "sans-serif",
name: "Alef",
sane: "alef",
variants: [
"0,400",
"0,700"
],
subsets: [
"hebrew",
"latin"
]
},
{
category: "serif",
name: "Alegreya",
sane: "alegreya",
variants: [
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"0,900",
"1,400",
"1,500",
"1,600",
"1,700",
"1,800",
"1,900"
],
subsets: [
"cyrillic",
"cyrillic-ext",
"greek",
"greek-ext",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Alegreya Sans",
sane: "alegreya_sans",
variants: [
"0,100",
"1,100",
"0,300",
"1,300",
"0,400",
"1,400",
"0,500",
"1,500",
"0,700",
"1,700",
"0,800",
"1,800",
"0,900",
"1,900"
],
subsets: [
"cyrillic",
"cyrillic-ext",
"greek",
"greek-ext",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Alegreya Sans SC",
sane: "alegreya_sans_sc",
variants: [
"0,100",
"1,100",
"0,300",
"1,300",
"0,400",
"1,400",
"0,500",
"1,500",
"0,700",
"1,700",
"0,800",
"1,800",
"0,900",
"1,900"
],
subsets: [
"cyrillic",
"cyrillic-ext",
"greek",
"greek-ext",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "serif",
name: "Alegreya SC",
sane: "alegreya_sc",
variants: [
"0,400",
"1,400",
"0,500",
"1,500",
"0,700",
"1,700",
"0,800",
"1,800",
"0,900",
"1,900"
],
subsets: [
"cyrillic",
"cyrillic-ext",
"greek",
"greek-ext",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "serif",
name: "Aleo",
sane: "aleo",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"0,900",
"1,100",
"1,200",
"1,300",
"1,400",
"1,500",
"1,600",
"1,700",
"1,800",
"1,900"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "handwriting",
name: "Alex Brush",
sane: "alex_brush",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Alexandria",
sane: "alexandria",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"0,900"
],
subsets: [
"arabic",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "display",
name: "Alfa Slab One",
sane: "alfa_slab_one",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "serif",
name: "Alice",
sane: "alice",
variants: [
"0,400"
],
subsets: [
"cyrillic",
"cyrillic-ext",
"latin",
"latin-ext"
]
},
{
category: "serif",
name: "Alike",
sane: "alike",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"math",
"symbols"
]
},
{
category: "serif",
name: "Alike Angular",
sane: "alike_angular",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"math",
"symbols"
]
},
{
category: "serif",
name: "Alkalami",
sane: "alkalami",
variants: [
"0,400"
],
subsets: [
"arabic",
"latin",
"latin-ext"
]
},
{
category: "display",
name: "Alkatra",
sane: "alkatra",
variants: [
"0,400",
"0,500",
"0,600",
"0,700"
],
subsets: [
"bengali",
"devanagari",
"latin",
"latin-ext",
"oriya"
]
},
{
category: "display",
name: "Allan",
sane: "allan",
variants: [
"0,400",
"0,700"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Allerta",
sane: "allerta",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "sans-serif",
name: "Allerta Stencil",
sane: "allerta_stencil",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "handwriting",
name: "Allison",
sane: "allison",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "handwriting",
name: "Allura",
sane: "allura",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Almarai",
sane: "almarai",
variants: [
"0,300",
"0,400",
"0,700",
"0,800"
],
subsets: [
"arabic",
"latin"
]
},
{
category: "serif",
name: "Almendra",
sane: "almendra",
variants: [
"0,400",
"1,400",
"0,700",
"1,700"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "display",
name: "Almendra Display",
sane: "almendra_display",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "serif",
name: "Almendra SC",
sane: "almendra_sc",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "sans-serif",
name: "Alumni Sans",
sane: "alumni_sans",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"0,900",
"1,100",
"1,200",
"1,300",
"1,400",
"1,500",
"1,600",
"1,700",
"1,800",
"1,900"
],
subsets: [
"cyrillic",
"cyrillic-ext",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Alumni Sans Collegiate One",
sane: "alumni_sans_collegiate_one",
variants: [
"0,400",
"1,400"
],
subsets: [
"cyrillic",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "display",
name: "Alumni Sans Inline One",
sane: "alumni_sans_inline_one",
variants: [
"0,400",
"1,400"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Alumni Sans Pinstripe",
sane: "alumni_sans_pinstripe",
variants: [
"0,400",
"1,400"
],
subsets: [
"cyrillic",
"cyrillic-ext",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Alumni Sans SC",
sane: "alumni_sans_sc",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"0,900",
"1,100",
"1,200",
"1,300",
"1,400",
"1,500",
"1,600",
"1,700",
"1,800",
"1,900"
],
subsets: [
"cyrillic",
"cyrillic-ext",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "display",
name: "Amarante",
sane: "amarante",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Amaranth",
sane: "amaranth",
variants: [
"0,400",
"1,400",
"0,700",
"1,700"
],
subsets: [
"latin"
]
},
{
category: "sans-serif",
name: "Amarna",
sane: "amarna",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"1,100",
"1,200",
"1,300",
"1,400",
"1,500",
"1,600",
"1,700"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "handwriting",
name: "Amatic SC",
sane: "amatic_sc",
variants: [
"0,400",
"0,700"
],
subsets: [
"cyrillic",
"hebrew",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "serif",
name: "Amethysta",
sane: "amethysta",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "sans-serif",
name: "Amiko",
sane: "amiko",
variants: [
"0,400",
"0,600",
"0,700"
],
subsets: [
"devanagari",
"latin",
"latin-ext"
]
},
{
category: "serif",
name: "Amiri",
sane: "amiri",
variants: [
"0,400",
"1,400",
"0,700",
"1,700"
],
subsets: [
"arabic",
"latin",
"latin-ext"
]
},
{
category: "serif",
name: "Amiri Quran",
sane: "amiri_quran",
variants: [
"0,400"
],
subsets: [
"arabic",
"latin"
]
},
{
category: "handwriting",
name: "Amita",
sane: "amita",
variants: [
"0,400",
"0,700"
],
subsets: [
"devanagari",
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Anaheim",
sane: "anaheim",
variants: [
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Ancizar Sans",
sane: "ancizar_sans",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"0,900",
"1,100",
"1,200",
"1,300",
"1,400",
"1,500",
"1,600",
"1,700",
"1,800",
"1,900"
],
subsets: [
"greek",
"latin",
"latin-ext"
]
},
{
category: "serif",
name: "Ancizar Serif",
sane: "ancizar_serif",
variants: [
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"0,900",
"1,300",
"1,400",
"1,500",
"1,600",
"1,700",
"1,800",
"1,900"
],
subsets: [
"greek",
"latin",
"latin-ext"
]
},
{
category: "serif",
name: "Andada Pro",
sane: "andada_pro",
variants: [
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"1,400",
"1,500",
"1,600",
"1,700",
"1,800"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Andika",
sane: "andika",
variants: [
"0,400",
"1,400",
"0,700",
"1,700"
],
subsets: [
"cyrillic",
"cyrillic-ext",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Anek Bangla",
sane: "anek_bangla",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"bengali",
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Anek Devanagari",
sane: "anek_devanagari",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"devanagari",
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Anek Gujarati",
sane: "anek_gujarati",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"gujarati",
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Anek Gurmukhi",
sane: "anek_gurmukhi",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"gurmukhi",
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Anek Kannada",
sane: "anek_kannada",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"kannada",
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Anek Latin",
sane: "anek_latin",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Anek Malayalam",
sane: "anek_malayalam",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"latin",
"latin-ext",
"malayalam"
]
},
{
category: "sans-serif",
name: "Anek Odia",
sane: "anek_odia",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"latin",
"latin-ext",
"oriya"
]
},
{
category: "sans-serif",
name: "Anek Tamil",
sane: "anek_tamil",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"latin",
"latin-ext",
"tamil"
]
},
{
category: "sans-serif",
name: "Anek Telugu",
sane: "anek_telugu",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"latin",
"latin-ext",
"telugu"
]
},
{
category: "display",
name: "Angkor",
sane: "angkor",
variants: [
"0,400"
],
subsets: [
"khmer",
"latin"
]
},
{
category: "serif",
name: "Annapurna SIL",
sane: "annapurna_sil",
variants: [
"0,400",
"0,700"
],
subsets: [
"devanagari",
"latin",
"latin-ext",
"math",
"symbols"
]
},
{
category: "handwriting",
name: "Annie Use Your Telescope",
sane: "annie_use_your_telescope",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "monospace",
name: "Anonymous Pro",
sane: "anonymous_pro",
variants: [
"0,400",
"1,400",
"0,700",
"1,700"
],
subsets: [
"cyrillic",
"greek",
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Anta",
sane: "anta",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"math",
"symbols"
]
},
{
category: "sans-serif",
name: "Antic",
sane: "antic",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "serif",
name: "Antic Didone",
sane: "antic_didone",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "serif",
name: "Antic Slab",
sane: "antic_slab",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "sans-serif",
name: "Anton",
sane: "anton",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Anton SC",
sane: "anton_sc",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Antonio",
sane: "antonio",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Anuphan",
sane: "anuphan",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700"
],
subsets: [
"latin",
"latin-ext",
"thai",
"vietnamese"
]
},
{
category: "display",
name: "Anybody",
sane: "anybody",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"0,900",
"1,100",
"1,200",
"1,300",
"1,400",
"1,500",
"1,600",
"1,700",
"1,800",
"1,900"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "serif",
name: "Aoboshi One",
sane: "aoboshi_one",
variants: [
"0,400"
],
subsets: [
"japanese",
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "AR One Sans",
sane: "ar_one_sans",
variants: [
"0,400",
"0,500",
"0,600",
"0,700"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "serif",
name: "Arapey",
sane: "arapey",
variants: [
"0,400",
"1,400"
],
subsets: [
"latin"
]
},
{
category: "serif",
name: "Arbutus",
sane: "arbutus",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "serif",
name: "Arbutus Slab",
sane: "arbutus_slab",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "handwriting",
name: "Architects Daughter",
sane: "architects_daughter",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Archivo",
sane: "archivo",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"0,900",
"1,100",
"1,200",
"1,300",
"1,400",
"1,500",
"1,600",
"1,700",
"1,800",
"1,900"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Archivo Black",
sane: "archivo_black",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Archivo Narrow",
sane: "archivo_narrow",
variants: [
"0,400",
"0,500",
"0,600",
"0,700",
"1,400",
"1,500",
"1,600",
"1,700"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "handwriting",
name: "Are You Serious",
sane: "are_you_serious",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "serif",
name: "Aref Ruqaa",
sane: "aref_ruqaa",
variants: [
"0,400",
"0,700"
],
subsets: [
"arabic",
"latin",
"latin-ext"
]
},
{
category: "serif",
name: "Aref Ruqaa Ink",
sane: "aref_ruqaa_ink",
variants: [
"0,400",
"0,700"
],
subsets: [
"arabic",
"latin",
"latin-ext"
]
},
{
category: "display",
name: "Arima",
sane: "arima",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700"
],
subsets: [
"greek",
"greek-ext",
"latin",
"latin-ext",
"malayalam",
"tamil",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Arimo",
sane: "arimo",
variants: [
"0,400",
"0,500",
"0,600",
"0,700",
"1,400",
"1,500",
"1,600",
"1,700"
],
subsets: [
"cyrillic",
"cyrillic-ext",
"greek",
"greek-ext",
"hebrew",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "handwriting",
name: "Arizonia",
sane: "arizonia",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Armata",
sane: "armata",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Arsenal",
sane: "arsenal",
variants: [
"0,400",
"1,400",
"0,700",
"1,700"
],
subsets: [
"cyrillic",
"cyrillic-ext",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Arsenal SC",
sane: "arsenal_sc",
variants: [
"0,400",
"1,400",
"0,700",
"1,700"
],
subsets: [
"cyrillic",
"cyrillic-ext",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "serif",
name: "Artifika",
sane: "artifika",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "serif",
name: "Arvo",
sane: "arvo",
variants: [
"0,400",
"1,400",
"0,700",
"1,700"
],
subsets: [
"latin"
]
},
{
category: "sans-serif",
name: "Arya",
sane: "arya",
variants: [
"0,400",
"0,700"
],
subsets: [
"devanagari",
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Asap",
sane: "asap",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"0,900",
"1,100",
"1,200",
"1,300",
"1,400",
"1,500",
"1,600",
"1,700",
"1,800",
"1,900"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Asap Condensed",
sane: "asap_condensed",
variants: [
"0,200",
"1,200",
"0,300",
"1,300",
"0,400",
"1,400",
"0,500",
"1,500",
"0,600",
"1,600",
"0,700",
"1,700",
"0,800",
"1,800",
"0,900",
"1,900"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "serif",
name: "Asar",
sane: "asar",
variants: [
"0,400"
],
subsets: [
"devanagari",
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Asimovian",
sane: "asimovian",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "display",
name: "Asset",
sane: "asset",
variants: [
"0,400"
],
subsets: [
"cyrillic-ext",
"latin",
"latin-ext",
"math",
"symbols"
]
},
{
category: "sans-serif",
name: "Assistant",
sane: "assistant",
variants: [
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"hebrew",
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Asta Sans",
sane: "asta_sans",
variants: [
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"korean",
"latin"
]
},
{
category: "display",
name: "Astloch",
sane: "astloch",
variants: [
"0,400",
"0,700"
],
subsets: [
"latin"
]
},
{
category: "serif",
name: "Asul",
sane: "asul",
variants: [
"0,400",
"0,700"
],
subsets: [
"latin"
]
},
{
category: "sans-serif",
name: "Athiti",
sane: "athiti",
variants: [
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700"
],
subsets: [
"latin",
"latin-ext",
"thai",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Atkinson Hyperlegible",
sane: "atkinson_hyperlegible",
variants: [
"0,400",
"1,400",
"0,700",
"1,700"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Atkinson Hyperlegible Mono",
sane: "atkinson_hyperlegible_mono",
variants: [
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"1,200",
"1,300",
"1,400",
"1,500",
"1,600",
"1,700",
"1,800"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Atkinson Hyperlegible Next",
sane: "atkinson_hyperlegible_next",
variants: [
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"1,200",
"1,300",
"1,400",
"1,500",
"1,600",
"1,700",
"1,800"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "display",
name: "Atma",
sane: "atma",
variants: [
"0,300",
"0,400",
"0,500",
"0,600",
"0,700"
],
subsets: [
"bengali",
"latin",
"latin-ext"
]
},
{
category: "display",
name: "Atomic Age",
sane: "atomic_age",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "display",
name: "Aubrey",
sane: "aubrey",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "display",
name: "Audiowide",
sane: "audiowide",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "display",
name: "Autour One",
sane: "autour_one",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "serif",
name: "Average",
sane: "average",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Average Sans",
sane: "average_sans",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "display",
name: "Averia Gruesa Libre",
sane: "averia_gruesa_libre",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "display",
name: "Averia Libre",
sane: "averia_libre",
variants: [
"0,300",
"1,300",
"0,400",
"1,400",
"0,700",
"1,700"
],
subsets: [
"latin"
]
},
{
category: "display",
name: "Averia Sans Libre",
sane: "averia_sans_libre",
variants: [
"0,300",
"1,300",
"0,400",
"1,400",
"0,700",
"1,700"
],
subsets: [
"latin"
]
},
{
category: "display",
name: "Averia Serif Libre",
sane: "averia_serif_libre",
variants: [
"0,300",
"1,300",
"0,400",
"1,400",
"0,700",
"1,700"
],
subsets: [
"latin"
]
},
{
category: "monospace",
name: "Azeret Mono",
sane: "azeret_mono",
variants: [
"0,100",
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"0,900",
"1,100",
"1,200",
"1,300",
"1,400",
"1,500",
"1,600",
"1,700",
"1,800",
"1,900"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "B612",
sane: "b612",
variants: [
"0,400",
"1,400",
"0,700",
"1,700"
],
subsets: [
"latin"
]
},
{
category: "monospace",
name: "B612 Mono",
sane: "b612_mono",
variants: [
"0,400",
"1,400",
"0,700",
"1,700"
],
subsets: [
"latin"
]
},
{
category: "handwriting",
name: "Babylonica",
sane: "babylonica",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "serif",
name: "Bacasime Antique",
sane: "bacasime_antique",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "handwriting",
name: "Bad Script",
sane: "bad_script",
variants: [
"0,400"
],
subsets: [
"cyrillic",
"cyrillic-ext",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "display",
name: "Badeen Display",
sane: "badeen_display",
variants: [
"0,400"
],
subsets: [
"arabic",
"latin",
"latin-ext"
]
},
{
category: "display",
name: "Bagel Fat One",
sane: "bagel_fat_one",
variants: [
"0,400"
],
subsets: [
"korean",
"latin",
"latin-ext"
]
},
{
category: "display",
name: "Bahiana",
sane: "bahiana",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "display",
name: "Bahianita",
sane: "bahianita",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Bai Jamjuree",
sane: "bai_jamjuree",
variants: [
"0,200",
"1,200",
"0,300",
"1,300",
"0,400",
"1,400",
"0,500",
"1,500",
"0,600",
"1,600",
"0,700",
"1,700"
],
subsets: [
"latin",
"latin-ext",
"thai",
"vietnamese"
]
},
{
category: "display",
name: "Bakbak One",
sane: "bakbak_one",
variants: [
"0,400"
],
subsets: [
"devanagari",
"latin",
"latin-ext"
]
},
{
category: "handwriting",
name: "Ballet",
sane: "ballet",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "display",
name: "Baloo 2",
sane: "baloo_2",
variants: [
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"devanagari",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "display",
name: "Baloo Bhai 2",
sane: "baloo_bhai_2",
variants: [
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"gujarati",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "display",
name: "Baloo Bhaijaan 2",
sane: "baloo_bhaijaan_2",
variants: [
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"arabic",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "display",
name: "Baloo Bhaina 2",
sane: "baloo_bhaina_2",
variants: [
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"latin",
"latin-ext",
"oriya",
"vietnamese"
]
},
{
category: "display",
name: "Baloo Chettan 2",
sane: "baloo_chettan_2",
variants: [
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"latin",
"latin-ext",
"malayalam",
"vietnamese"
]
},
{
category: "display",
name: "Baloo Da 2",
sane: "baloo_da_2",
variants: [
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"bengali",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "display",
name: "Baloo Paaji 2",
sane: "baloo_paaji_2",
variants: [
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"gurmukhi",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "display",
name: "Baloo Tamma 2",
sane: "baloo_tamma_2",
variants: [
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"kannada",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "display",
name: "Baloo Tammudu 2",
sane: "baloo_tammudu_2",
variants: [
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"latin",
"latin-ext",
"telugu",
"vietnamese"
]
},
{
category: "display",
name: "Baloo Thambi 2",
sane: "baloo_thambi_2",
variants: [
"0,400",
"0,500",
"0,600",
"0,700",
"0,800"
],
subsets: [
"latin",
"latin-ext",
"tamil",
"vietnamese"
]
},
{
category: "display",
name: "Balsamiq Sans",
sane: "balsamiq_sans",
variants: [
"0,400",
"1,400",
"0,700",
"1,700"
],
subsets: [
"cyrillic",
"cyrillic-ext",
"latin",
"latin-ext"
]
},
{
category: "serif",
name: "Balthazar",
sane: "balthazar",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "display",
name: "Bangers",
sane: "bangers",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Barlow",
sane: "barlow",
variants: [
"0,100",
"1,100",
"0,200",
"1,200",
"0,300",
"1,300",
"0,400",
"1,400",
"0,500",
"1,500",
"0,600",
"1,600",
"0,700",
"1,700",
"0,800",
"1,800",
"0,900",
"1,900"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Barlow Condensed",
sane: "barlow_condensed",
variants: [
"0,100",
"1,100",
"0,200",
"1,200",
"0,300",
"1,300",
"0,400",
"1,400",
"0,500",
"1,500",
"0,600",
"1,600",
"0,700",
"1,700",
"0,800",
"1,800",
"0,900",
"1,900"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Barlow Semi Condensed",
sane: "barlow_semi_condensed",
variants: [
"0,100",
"1,100",
"0,200",
"1,200",
"0,300",
"1,300",
"0,400",
"1,400",
"0,500",
"1,500",
"0,600",
"1,600",
"0,700",
"1,700",
"0,800",
"1,800",
"0,900",
"1,900"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "display",
name: "Barriecito",
sane: "barriecito",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "display",
name: "Barrio",
sane: "barrio",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Basic",
sane: "basic",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "serif",
name: "Baskervville",
sane: "baskervville",
variants: [
"0,400",
"0,500",
"0,600",
"0,700",
"1,400",
"1,500",
"1,600",
"1,700"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "serif",
name: "Baskervville SC",
sane: "baskervville_sc",
variants: [
"0,400",
"0,500",
"0,600",
"0,700"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "display",
name: "Battambang",
sane: "battambang",
variants: [
"0,100",
"0,300",
"0,400",
"0,700",
"0,900"
],
subsets: [
"khmer",
"latin"
]
},
{
category: "display",
name: "Baumans",
sane: "baumans",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "sans-serif",
name: "Bayon",
sane: "bayon",
variants: [
"0,400"
],
subsets: [
"khmer",
"latin"
]
},
{
category: "sans-serif",
name: "BBH Bartle",
sane: "bbh_bartle",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "sans-serif",
name: "BBH Bogle",
sane: "bbh_bogle",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "sans-serif",
name: "BBH Hegarty",
sane: "bbh_hegarty",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "sans-serif",
name: "Be Vietnam Pro",
sane: "be_vietnam_pro",
variants: [
"0,100",
"1,100",
"0,200",
"1,200",
"0,300",
"1,300",
"0,400",
"1,400",
"0,500",
"1,500",
"0,600",
"1,600",
"0,700",
"1,700",
"0,800",
"1,800",
"0,900",
"1,900"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "handwriting",
name: "Beau Rivage",
sane: "beau_rivage",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Bebas Neue",
sane: "bebas_neue",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Beiruti",
sane: "beiruti",
variants: [
"0,200",
"0,300",
"0,400",
"0,500",
"0,600",
"0,700",
"0,800",
"0,900"
],
subsets: [
"arabic",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "Belanosima",
sane: "belanosima",
variants: [
"0,400",
"0,600",
"0,700"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "serif",
name: "Belgrano",
sane: "belgrano",
variants: [
"0,400"
],
subsets: [
"latin"
]
},
{
category: "serif",
name: "Bellefair",
sane: "bellefair",
variants: [
"0,400"
],
subsets: [
"hebrew",
"latin",
"latin-ext"
]
},
{
category: "sans-serif",
name: "Belleza",
sane: "belleza",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "display",
name: "Bellota",
sane: "bellota",
variants: [
"0,300",
"1,300",
"0,400",
"1,400",
"0,700",
"1,700"
],
subsets: [
"cyrillic",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "display",
name: "Bellota Text",
sane: "bellota_text",
variants: [
"0,300",
"1,300",
"0,400",
"1,400",
"0,700",
"1,700"
],
subsets: [
"cyrillic",
"latin",
"latin-ext",
"vietnamese"
]
},
{
category: "sans-serif",
name: "BenchNine",
sane: "benchnine",
variants: [
"0,300",
"0,400",
"0,700"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "serif",
name: "Benne",
sane: "benne",
variants: [
"0,400"
],
subsets: [
"kannada",
"latin",
"latin-ext"
]
},
{
category: "serif",
name: "Bentham",
sane: "bentham",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "handwriting",
name: "Berkshire Swash",
sane: "berkshire_swash",
variants: [
"0,400"
],
subsets: [
"latin",
"latin-ext"
]
},
{
category: "serif",
name: "Besley",
sane: "besley",
variants: [
"0,400",
"0,500",
"0,60