Chakra Petch
Google font with copy-ready CSS.
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;700&display=swap');
font-family: 'Chakra Petch', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
300, 400, 500, 600, 700
Sample
Typography that ships
Use real text, consistent scales, and reliable fallbacks. DesignFonts helps you pick fonts that look good and behave well.
Best for
ui
general
web