메뉴
Set up and use Server Mono, INTDEV's open-source monospace typeface. Covers all installation methods — Homebrew, CDN via jsDelivr, self-hosted font files, and npm-style CSS import — plus usage patterns for web, desktop, and terminal applications.
기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.
설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
직접 명령은 검토 Prompt를 거치지 않습니다. 실행하기 전에 소스를 확인하세요.
npx skills add https://github.com/internet-development/skills --skill server-mono명령은 한 줄로 유지됩니다. 복사하기 전에 가로로 스크롤해 전체 내용을 확인하세요.
로컬 사본을 원하시나요? SkillsMP에서 현재 제공할 수 있는 파일을 다운로드하세요.
SKILL.md 표시 중
| name | server-mono |
| description | Set up and use Server Mono, INTDEV's open-source monospace typeface. Covers all installation methods — Homebrew, CDN via jsDelivr, self-hosted font files, and npm-style CSS import — plus usage patterns for web, desktop, and terminal applications. |
| license | MIT |
| metadata | {"author":"internet-development","version":"1.0"} |
Server Mono is a monospace typeface created by the Internet Development Studio Company. Inspired by typewriters, Apple's San Francisco Mono, ASCII art, command-line interfaces, and programming tools, it offers excellent readability and pairs well with its uniform, predictable, and orderly appearance.
Server Mono ships as a single-weight font with a regular and oblique variant:
| File | Format | Best For |
|---|---|---|
ServerMono-Regular.woff2 | WOFF2 | Web (best compression, modern browsers) |
ServerMono-Regular.woff | WOFF | Web (good compression, wider support) |
ServerMono-Regular.otf | OpenType | Desktop apps, print, universal support |
ServerMono-RegularOblique.woff2 | WOFF2 | Web italic/oblique |
ServerMono-RegularOblique.woff | WOFF | Web italic/oblique |
ServerMono-RegularOblique.otf | OpenType | Desktop italic/oblique |
The source .glyphs file is also available in the repository at fonts/ServerMono.glyphs.
Install Server Mono system-wide on macOS:
brew install --cask font-server-mono
After installation, Server Mono is available in all macOS applications — terminals, text editors, IDEs, design tools, etc.
The fastest way to add Server Mono to a website. Add to your HTML <head>:
<link rel="preconnect" href="https://cdn.jsdelivr.net">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/internet-development/www-server-mono@latest/server-mono.css">
This loads a pre-built CSS file that declares both the regular and oblique @font-face rules. No font files to download or host.
Download the font files from GitHub Releases and add them to your project's public/static directory.
Then add the @font-face declarations to your CSS:
/* Regular weight */
@font-face {
font-family: 'ServerMono';
src: url('/fonts/ServerMono-Regular.woff2') format('woff2'),
url('/fonts/ServerMono-Regular.woff') format('woff'),
url('/fonts/ServerMono-Regular.otf') format('opentype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* Oblique variant */
@font-face {
font-family: 'ServerMono';
src: url('/fonts/ServerMono-RegularOblique.woff2') format('woff2'),
url('/fonts/ServerMono-RegularOblique.woff') format('woff'),
url('/fonts/ServerMono-RegularOblique.otf') format('opentype');
font-weight: normal;
font-style: oblique;
font-display: swap;
}
Adjust the URL paths to match your project structure. The examples above assume font files are in a /fonts/ directory relative to your site root.
If you want to write your own @font-face rules but host nothing, use the jsDelivr URLs directly:
@font-face {
font-family: 'ServerMono';
src: url('https://cdn.jsdelivr.net/gh/internet-development/www-server-mono@latest/public/fonts/ServerMono-Regular.woff2') format('woff2'),
url('https://cdn.jsdelivr.net/gh/internet-development/www-server-mono@latest/public/fonts/ServerMono-Regular.woff') format('woff'),
url('https://cdn.jsdelivr.net/gh/internet-development/www-server-mono@latest/public/fonts/ServerMono-Regular.otf') format('opentype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ServerMono';
src: url('https://cdn.jsdelivr.net/gh/internet-development/www-server-mono@latest/public/fonts/ServerMono-RegularOblique.woff2') format('woff2'),
url('https://cdn.jsdelivr.net/gh/internet-development/www-server-mono@latest/public/fonts/ServerMono-RegularOblique.woff') format('woff'),
url('https://cdn.jsdelivr.net/gh/internet-development/www-server-mono@latest/public/fonts/ServerMono-RegularOblique.otf') format('opentype');
font-weight: normal;
font-style: oblique;
font-display: swap;
}
INTDEV projects hosted on the INTDEV infrastructure can also load from the S3 bucket. This is what nextjs-sass-starter uses in its global.scss:
@font-face {
font-family: 'ServerMono';
src: url('https://intdev-global.s3.us-west-2.amazonaws.com/public/internet-dev/25071f6e-4cc8-4f91-8387-e4c60b9231de.woff2') format('woff2'),
url('https://intdev-global.s3.us-west-2.amazonaws.com/public/internet-dev/2bddcba4-a541-4af6-b4b6-5dfb1e4875f5.woff') format('woff'),
url('https://intdev-global.s3.us-west-2.amazonaws.com/public/internet-dev/45c36a19-7078-4880-89a5-2c700a28070a.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
For new projects, prefer the jsDelivr CDN or self-hosted approach instead.
:root {
font-family: 'ServerMono', monospace;
}
INTDEV projects use Server Mono alongside a system sans-serif stack:
html, body {
--font-family: -apple-system, BlinkMacSystemFont, helvetica neue, helvetica, sans-serif;
--font-family-mono: 'ServerMono', Consolas, monaco, monospace;
--font-family-serif: Georgia, Times New Roman, serif;
font-family: var(--font-family);
}
code, pre, .monospace {
font-family: var(--font-family-mono);
}
To use the oblique variant, set font-style to oblique or italic:
em, .italic {
font-family: 'ServerMono', monospace;
font-style: oblique;
}
If you're using nextjs-sass-starter or nextjs-sass-base, Server Mono is already declared in global.scss. Just use the CSS variable:
.myComponent {
font-family: var(--font-family-mono);
}
After installing via Homebrew (brew install --cask font-server-mono):
"editor.fontFamily": "'ServerMono', Menlo, Monaco, monospace""editor.fontFamily": "'ServerMono', monospace"Write code following Internet Development Studio Company (INTDEV) conventions — commenting, file organization, component architecture, CSS patterns, React idioms, TypeScript config, API patterns, and tooling. Use when writing or reviewing code in any INTDEV project.
Scaffold minimal web projects using INTDEV's nextjs-sass-base template — the lightest possible Next.js + SASS + TypeScript starting point with just the essentials. Use when you want a clean slate without the demos, design system components, or d3 dependencies of the full nextjs-sass-starter.
Plan and orchestrate coding work using the Daedalus CLI and Talos daemon. Daedalus is an AI planning CLI that creates structured beans (task files) for coding agents to execute autonomously. Use when planning features, breaking down work into tasks, or running autonomous agent workflows with beans.
