Install FontSwap
Koh Santepheap
About Koh Santepheap
- Source
- Google Fonts ↗
- Classification
- serif
- Weights
- 100, 300, 400, 700, 900
- Features
- Standard
Free to use, modify, and distribute. Can be used commercially without attribution.
What's allowed?
- ✓ Client work
- ✓ SaaS / Web apps
- ✓ YouTube / Video
- ✓ Sell products
- ✓ Print materials
Note: Derivative fonts must use the same license.
Full license guide →Koh Santepheap is a Khmer Unicode serif typeface designed by Danh Hong. Developed as a humanist serif harmonized with Google's Noto Serif family, it provides reliable Khmer script support across five weights for both digital and print use.
History and Design
Koh Santepheap was designed to bring professional-quality Khmer typography to the web. Its humanist serif construction balances traditional Khmer calligraphic forms with modern readability, making it suitable for extended reading in Khmer text.
Best Use Cases
Koh Santepheap excels in:
- Khmer body text: Articles, documents, educational materials
- Bilingual layouts: Khmer-Latin content with consistent vertical rhythm
- Print materials: Books, newspapers, official documents
- Web content: Khmer-language websites and applications
Usage Tips
Use the Regular (400) weight for body text and Bold (700) for headings. The five-weight range provides good typographic hierarchy. Pairs well with Noto Serif for Latin text in multilingual layouts.
Is Koh Santepheap on Google Fonts?
Yes, Koh Santepheap is available for free on Google Fonts. Get Koh Santepheap on Google Fonts ↗
Font Pairings
Fonts that pair well with Koh Santepheap based on contrast and complementary design characteristics.
Performance
Key metrics for evaluating Koh Santepheap in production.
Font Metrics
Fallback CSS Overrides
Apply these overrides to Georgia to minimize layout shift when loading Koh Santepheap.
@font-face {
font-family: 'Koh Santepheap Fallback';
src: local('Georgia');
ascent-override: 100.1%;
descent-override: 26.86%;
line-gap-override: 6.45%;
size-adjust: 50.71%;
}How to Use Koh Santepheap
Copy these code snippets to quickly add Koh Santepheap to your project.
CSS code for Koh Santepheap
@import url('https://fonts.googleapis.com/css2?family=Koh+Santepheap:wght@100;300;400;700;900&display=swap');HTML code for Koh Santepheap
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Koh+Santepheap:wght@100;300;400;700;900&display=swap" rel="stylesheet">Tailwind code for Koh Santepheap
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'koh-santepheap': ['"Koh Santepheap"', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-koh-santepheap">Your text here</p>Next.js code for Koh Santepheap
// Using next/font (Next.js 13+)
import { Koh_Santepheap } from 'next/font/google';
const koh_santepheap = Koh_Santepheap({
subsets: ['latin'],
weight: ['100', '300', '400', '700', '900'],
});
export default function Component() {
return (
<p className={koh_santepheap.className}>
Your text here
</p>
);
}
// Or using inline styles with Google Fonts link:
// <p style={{ fontFamily: '"Koh Santepheap"' }}>Your text</p>Expo and React Native code for Koh Santepheap
// Install: npx expo install @expo-google-fonts/koh-santepheap expo-font
import { useFonts, Koh_Santepheap_400Regular } from '@expo-google-fonts/koh-santepheap';
export default function App() {
const [fontsLoaded] = useFonts({
Koh_Santepheap_400Regular,
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'Koh_Santepheap_400Regular' }}>
Your text here
</Text>
);
}