Socket
Socket
Sign inDemoInstall

geist

Package Overview
Dependencies
Maintainers
7
Versions
57
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

geist - npm Package Compare versions

Comparing version 0.1.2 to 0.1.3

.images/hero.png

31

package.json
{
"name": "geist",
"version": "0.1.2",
"main": "index.js",
"license": "MIT"
"version": "0.1.3",
"description": "Geist is a new font family for Vercel, created by Vercel in collaboration with Basement Studio.",
"main": "src/font.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"bugs": {
"url": "https://github.com/vercel/geist-font/issues"
},
"homepage": "https://vercel.com/font",
"repository": {
"type": "git",
"url": "git+https://github.com/vercel/geist-font",
"directory": "packages/next"
},
"keywords": [
"geist",
"geist mono",
"geist sans",
"vercel font"
],
"exports": {
"./font": "./src/font.js"
},
"license": "SIL OPEN FONT LICENSE",
"dependencies": {
"@next/font": "^13.5.6"
}
}

@@ -1,1 +0,58 @@

# Geist
![](.images/hero.png)
# Geist Sans & Geist Mono
Geist is a new font family for Vercel, created by [Vercel](https://vercel.com/design) in collaboration with [Basement Studio](https://basement.studio/).
Geist Sans is a sans-serif typeface designed for legibility and simplicity. It is a modern, geometric typeface that is based on the principles of [classic Swiss typography](https://en.wikipedia.org/wiki/International_Typographic_Style). It is designed to be used in headlines, logos, posters, and other large display sizes.
Geist Mono is a monospaced typeface that has been crafted to be the perfect partner to Geist Sans. It is designed to be used in code editors, diagrams, terminals, and other textbased interfaces where code is represented.
### Installation
```sh
npm install geist
```
### Using with Next.js
#### App Router
In your `app/layout.js`:
```js
import { sansFont } from "geist/font";
export default function RootLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<html lang="en" className={sansFont.className}>
<body>{children}</body>
</html>
)
}
```
#### Pages Router
In your `pages/_app.js`:
```js
import { sansFont } from "geist/font";
export default function MyApp({ Component, pageProps }) {
return (
<main className={sansFont.className}>
<Component {...pageProps} />
</main>
)
}
```
### License
The Geist font family is free and open sourced under the [SIL Open Font License](./LICENSE.TXT).
### Inspiration
Geist has been influenced and inspired by the following typefaces: [Inter](https://fonts.google.com/specimen/Inter), [Univers](https://www.linotype.com/1567/univers-family.html), [SF Mono](https://developer.apple.com/fonts/), [SF Pro](https://developer.apple.com/fonts/), [Suisse International](https://www.swisstypefaces.com/fonts/suisse/), [ABC Diatype Mono](https://abcdinamo.com/typefaces/diatype), and [ABC Diatype](https://abcdinamo.com/typefaces/diatype). We thank the creators of these typefaces for their craft.
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc