菜单
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 当前能够提供的文件。
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.
正在显示 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"