const x = await fetch("/api"); if (x.ok) return x.json();

Code preview

const greet = (name) => {
  return `Hello, ${name}!`;
};

async function fetchData(url) {
  const res = await fetch(url);
  if (!res.ok) throw new Error(res.status);
  return res.json();
}

const items = data
  .filter(x => x.active)
  .map(x => x.name);

def fibonacci(n: int) -> list[int]:
    a, b = 0, 1
    result = []
    for _ in range(n):
        result.append(a)
        a, b = b, a + b
    return result

squares = {x: x**2 for x in range(10)}
print(fibonacci(10))

SELECT u.name, COUNT(o.id) AS order_count,
       SUM(o.total) AS total_spent
FROM users u
LEFT JOIN orders o ON o.user_id = u.id
WHERE u.created_at > '2024-01-01'
  AND u.status = 'active'
GROUP BY u.id, u.name
HAVING COUNT(o.id) > 5
ORDER BY total_spent DESC
LIMIT 20;

Confusables

zero / capital O / lowercase o 0 O o

one / lowercase L / capital I / pipe 1 l I |

rn vs m rn m

quotes ' " ` ‘ ’ “ ”

brackets ( ) [ ] { } < >

Use this font

CSS font-family: 'Lotion', monospace;

CDN <link href="https://cdn.onlyfonts.ai/lotion/font.css" rel="stylesheet">

WOFF2 Download .woff2

Weights

Aa Bb Cc Dd Ee 0123 Regular 400

Aa Bb Cc Dd Ee 0123 SemiBold 600

Aa Bb Cc Dd Ee 0123 Bold 700

Aa Bb Cc Dd Ee 0123 Black 900

OpenType Features (6)

Character Map (173 glyphs)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

Regular

Italic

Details

Format truetype

Glyph count 173

Version Version 1.012;Glyphs 3.3.1 (3343)

Hinting No

Variable Yes

TTF size 23 KB

WOFF2 size 11 KB

Identifiers

Family Lotion

Style Regular

PostScript LotionRoman-Regular

License

License OFL-1.1

Source github

Languages (2)

Other (2)

latin latin-extended

Pairs well with

WC Sold Out B Bta display · 0w

heading 73%

exotica display · 0w

heading 71%

DBS Scouter sans-serif · 0w

body 68%

BBH Bartle sans-serif · 0w

body 64%

Yarndings 12 Charted display · 0w

heading 64%