Install FontSwap
Konkhmer Sleokchher
About Konkhmer Sleokchher
- Source
- Google Fonts ↗
- Classification
- display
- Weights
- 400
- 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 →Konkhmer Sleokchher is a modern Khmer display typeface designed by Suon May Sophanith. Inspired by brush lettering on walls, it brings a bold, textured, hand-painted quality to Khmer script typography.
History and Design
Created by self-taught Cambodian typeface designer Suon May Sophanith, Konkhmer Sleokchher is a revised iteration of a 2015 original design. The name references a traditional Khmer writing style, and the letterforms capture the energy and texture of brush-applied lettering.
Best Use Cases
Konkhmer Sleokchher excels in:
- Display headings: Posters, banners, and signage in Khmer
- Creative projects: Album covers, event branding, artistic layouts
- Bilingual display: Khmer-Latin headlines with matching visual energy
- Social media: Eye-catching Khmer-language graphics
Usage Tips
Use Konkhmer Sleokchher at large sizes (28px+) where its brush-inspired texture is visible. It is a display font — avoid using it for body text. The single weight provides strong visual impact for headlines. Pairs well with Koh Santepheap for Khmer body text underneath.
Is Konkhmer Sleokchher on Google Fonts?
Yes, Konkhmer Sleokchher is available for free on Google Fonts. Get Konkhmer Sleokchher on Google Fonts ↗
Compare Konkhmer Sleokchher
See how Konkhmer Sleokchher compares to other fonts side by side.
Font Pairings
Fonts that pair well with Konkhmer Sleokchher based on contrast and complementary design characteristics.
Performance
Key metrics for evaluating Konkhmer Sleokchher in production.
Font Metrics
Fallback CSS Overrides
Apply these overrides to Arial to minimize layout shift when loading Konkhmer Sleokchher.
@font-face {
font-family: 'Konkhmer Sleokchher Fallback';
src: local('Arial');
ascent-override: 122.07%;
descent-override: 58.59%;
line-gap-override: 0%;
size-adjust: 103.39%;
}How to Use Konkhmer Sleokchher
Copy these code snippets to quickly add Konkhmer Sleokchher to your project.
CSS code for Konkhmer Sleokchher
@import url('https://fonts.googleapis.com/css2?family=Konkhmer+Sleokchher:wght@400&display=swap');HTML code for Konkhmer Sleokchher
<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=Konkhmer+Sleokchher:wght@400&display=swap" rel="stylesheet">Tailwind code for Konkhmer Sleokchher
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'konkhmer-sleokchher': ['"Konkhmer Sleokchher"', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-konkhmer-sleokchher">Your text here</p>Next.js code for Konkhmer Sleokchher
// Using next/font (Next.js 13+)
import { Konkhmer_Sleokchher } from 'next/font/google';
const konkhmer_sleokchher = Konkhmer_Sleokchher({
subsets: ['latin'],
weight: ['400'],
});
export default function Component() {
return (
<p className={konkhmer_sleokchher.className}>
Your text here
</p>
);
}
// Or using inline styles with Google Fonts link:
// <p style={{ fontFamily: '"Konkhmer Sleokchher"' }}>Your text</p>Expo and React Native code for Konkhmer Sleokchher
// Install: npx expo install @expo-google-fonts/konkhmer-sleokchher expo-font
import { useFonts, Konkhmer_Sleokchher_400Regular } from '@expo-google-fonts/konkhmer-sleokchher';
export default function App() {
const [fontsLoaded] = useFonts({
Konkhmer_Sleokchher_400Regular,
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'Konkhmer_Sleokchher_400Regular' }}>
Your text here
</Text>
);
}