Skip to content

Commit 58390bd

Browse files
committed
feat: update README.md with a few new sections for how to download and use server mono
1 parent 8fed69f commit 58390bd

File tree

1 file changed

+51
-2
lines changed

1 file changed

+51
-2
lines changed

README.md

Lines changed: 51 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,19 +8,68 @@ Server Mono continues the long tradition of monospace fonts, renowned for their
88

99
This single-weight font was released in 2024 by the Internet Development Studio Company of Seattle, Washington. Created by designers Tim Vanhille and Matthieu Salvaggio, with supplemental direction from Jimmy Lee and the Internet Development Studio Company community.
1010

11-
### Setup Website (MacOS)
11+
## Download
12+
13+
You can download the latest version from our [GitHub Releases](https://github.com/internet-development/www-server-mono/releases) page.
14+
15+
Alternatively, you can install it locally using [Homebrew `font-server-mono`](https://formulae.brew.sh/cask/font-server-mono)
16+
17+
```bash
18+
brew install --cask font-server-mono
19+
```
20+
21+
## Usage
22+
23+
Add the downloaded font files to your websites public/static directory, here they have a `/fonts/` prefix.
24+
25+
Copy the below snippet into your CSS file:
26+
27+
```css
28+
@font-face {
29+
font-family: 'ServerMono';
30+
src: url('/fonts/ServerMono-Regular.woff2') format('woff2'), /* Best compression, modern browsers */
31+
url('/fonts/ServerMono-Regular.woff') format('woff'), /* Good compression, wider support */
32+
url('/fonts/ServerMono-Regular.otf') format('opentype'); /* Largest files, universal support */
33+
font-weight: normal;
34+
font-style: normal;
35+
font-display: swap;
36+
}
37+
38+
@font-face {
39+
font-family: 'ServerMono';
40+
src: url('/fonts/ServerMono-RegularSlanted.woff2') format('woff2'),
41+
url('/fonts/ServerMono-RegularSlanted.woff') format('woff'),
42+
url('/fonts/ServerMono-RegularSlanted.otf') format('opentype');
43+
font-weight: normal;
44+
font-style: oblique;
45+
font-display: swap;
46+
}
47+
48+
```
49+
50+
Then you can use it across your entire site like so:
51+
52+
```css
53+
:root {
54+
font-family: ServerMono, monospace;
55+
}
56+
```
57+
58+
## Setup Website (MacOS)
1259

1360
Start by cloning the repository
1461

1562
Then run the server
1663

17-
```sh
64+
```bash
1865
npm install
1966
npm run dev
2067
```
2168

2269
Go to `http://localhost:10000` in your browser of choice.
2370

71+
---
72+
2473
### Contact
2574

2675
- [Internet Development Studio Company](https://internet.dev)

0 commit comments

Comments
 (0)