@zillowe/zeno
v1.4.3
Published
Readme
@zillowe/zeno
Zeno font system for the Zillowe Foundation.
Installation
npm install @zillowe/zenoQuick Start
Next.js
import { zenoSansText } from "@zillowe/zeno/next";Astro
Simply import the CSS in your layout:
---
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:
import { cssVariables, fontFamilies } from "@zillowe/zeno/astro";
// Use cssVariables.sansText for Tailwind configuration
// Use fontFamilies.sansText for direct CSS usageCSS
import "@zillowe/zeno/style.css";Refer to the Main README for full documentation and font family listings.