Package Exports

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (coyotitowind-font-dm-sans) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

coyotitowind-font-dm-sans

🚀 DM Sans font package for CoyotiTailwind

Modern geometric sans-serif designed specifically for UI text with excellent readability at small sizes.

Installation

npm install coyotitowind-font-dm-sans

Usage

import { useFonts } from 'expo-font';
import { CoyotiTailwind, Text } from 'coyotitowind';
import { dmSansFont, dmSansFonts } from 'coyotitowind-font-dm-sans';

export default function App() {
  // 1. Load the fonts
  const [fontsLoaded] = useFonts(dmSansFonts);

  if (!fontsLoaded) return null;

  return (
    <CoyotiTailwind
      theme={{
        fonts: {
          primary: dmSansFont, // 🎯 Pre-configured!
        }
      }}
    >
      <Text size="2xl" weight="bold">
        DM Sans Bold - Perfect for headlines!
      </Text>

      <Text size="base" weight="regular">
        DM Sans Regular - Great for body text
      </Text>

      <Text size="lg" weight="medium" italic>
        DM Sans Medium Italic - Stylish emphasis
      </Text>
    </CoyotiTailwind>
  );
}

Available Weights

Thin (100) - Normal & Italic
ExtraLight (200) - Normal & Italic
Light (300) - Normal & Italic
Regular (400) - Normal & Italic
Medium (500) - Normal & Italic
SemiBold (600) - Normal & Italic
Bold (700) - Normal & Italic
ExtraBold (800) - Normal & Italic
Black (900) - Normal & Italic

Examples

// All weights available
<Text weight="thin">Ultra thin text</Text>
<Text weight="light">Light text</Text>
<Text weight="regular">Regular text</Text>
<Text weight="medium">Medium text</Text>
<Text weight="semibold">Semi-bold text</Text>
<Text weight="bold">Bold text</Text>
<Text weight="black">Black text</Text>

// With italics
<Text weight="medium" italic>Medium italic</Text>
<Text weight="bold" italic>Bold italic</Text>

Font Info

Designer: Colophon Foundry
Category: Sans Serif
License: Open Font License
Optimized for: UI text, small sizes, screens

License

This package is MIT licensed. The DM Sans font files are licensed under the SIL Open Font License.