# @zillowe/zeno

Zeno font system for the Zillowe Foundation.

## Installation

```bash
npm install @zillowe/zeno
```

## Quick Start

### Next.js

```tsx
import { zenoSansText } from "@zillowe/zeno/next";
```

### Astro

Simply import the CSS in your layout:

```astro
---
import "@zillowe/zeno/style.css";
---

<html>
  <head>
    <style is:global>
      body {
        font-family: "Zeno Sans Text", sans-serif;
      }
      code {
        font-family: "Zeno Mono Code", monospace;
      }
    </style>
  </head>
  <body>
    <slot />
  </body>
</html>
```

For advanced integration with Astro's font system, you can use the helper exports:

```typescript
import { cssVariables, fontFamilies } from "@zillowe/zeno/astro";

// Use cssVariables.sansText for Tailwind configuration
// Use fontFamilies.sansText for direct CSS usage
```

### CSS

```tsx
import "@zillowe/zeno/style.css";
```

Refer to the [Main README](https://gitlab.com/zillowe/zillwen/zowdy/zeno) for full documentation and font family listings.
