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.