Kalbe System
Typeface specimen for Kalbe System. Explore available weights including native italics, and get embed codes for your website.
Embed Kalbe System
Select weights
Embed method
HTML <link>
Standard method for loading fonts in HTML
<link rel="preconnect" href="https://typography.kalbe.co.id">
<link href="https://typography.kalbe.co.id/api/fonts/css?family=Kalbe+System:400,600&display=swap" rel="stylesheet">CSS Usage
After embedding the font, use it in your CSS:
body {
font-family: 'Kalbe System', sans-serif;
}
.heading {
font-family: 'Kalbe System', sans-serif;
font-weight: 400;
}Typography Specimens
Weight & Style ReferenceCustom Input (separate preview)
Create and preview custom typography with rich text formatting
• Rich text editor with formatting toolbar
• Size slider affects only the custom preview blocks.
• Custom preview disables ligatures to avoid “fi/fl” issues.
Font Controls Guide
Static vs Variable Fonts
Static: Individual font files for each weight (400, 500, 600, etc.). More files but precise weight control.
Variable: Single font file with adjustable weight axis. Smaller total file size and smooth weight transitions. When selected, width controls are disabled as variable fonts handle both width and weight.
Wide vs Narrow/Condensed
Wide: Standard character width. Better readability for body text and longer content.
Narrow: Condensed character width. Space-efficient for headlines, labels, and tight layouts.
Kalbe System ExtraLight
200Subtle captionsThe quick brown fox jumps over the lazy dog — 0123456789 & symbols!?
Kalbe upholds rigorous quality standards and delivers reliable outcomes across all business units.
Kalbe menegakkan standar mutu yang ketat dan memastikan hasil yang konsisten di seluruh unit bisnis.
Kalbe upholds rigorous quality standards and delivers reliable outcomes across all business units.
Kalbe menegakkan standar mutu yang ketat dan memastikan hasil yang konsisten di seluruh unit bisnis.
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
0 1 2 3 4 5 6 7 8 9
! @ # $ % ^ & * ( ) _ + - = [ ] { } : ; ' " , . < > / ? \ | ~ `
§ ¶ © ® ™ ° • … – — € £ ¥ ¢ ‘ ’ “ ” « »
→ ← ↑ ↓ ↔ ↕ ⇧ ⇩ √ ∑ ∫ ∆ ∇ ∩ ∪ ∂ ∅ ∈ ∉ ∋ ∌ ∃ ∄ ∀ ∧ ∨ ≈ ≡ ≤ ≥ ≠ ± × ÷ ∝ ∞ ½ ¼ ¾ ₩ ₽ ₹ ₱ ₦ ₴ ₵ ₡ ₲ ₳ ₺ ₸ ₤ ₧ ₯ ₠ ₢ ₣ ₥ ₰ ─ │ ┌ ┐ └ ┘ ├ ┤ ┬ ┴ ┼ † ‡ ‰ ′ ″ ‾ ⁄ ⁂ ⁅ ⁆
UI Elements
Paragraph
Our focus is to enhance patient outcomes while maintaining operational excellence. Consistent typography strengthens clarity and trust across channels.
Footnote
© 2025 Kalbe. Internal use only.
Kalbe System Light
300Light / secondary textThe quick brown fox jumps over the lazy dog — 0123456789 & symbols!?
Kalbe upholds rigorous quality standards and delivers reliable outcomes across all business units.
Kalbe menegakkan standar mutu yang ketat dan memastikan hasil yang konsisten di seluruh unit bisnis.
Kalbe upholds rigorous quality standards and delivers reliable outcomes across all business units.
Kalbe menegakkan standar mutu yang ketat dan memastikan hasil yang konsisten di seluruh unit bisnis.
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
0 1 2 3 4 5 6 7 8 9
! @ # $ % ^ & * ( ) _ + - = [ ] { } : ; ' " , . < > / ? \ | ~ `
§ ¶ © ® ™ ° • … – — € £ ¥ ¢ ‘ ’ “ ” « »
→ ← ↑ ↓ ↔ ↕ ⇧ ⇩ √ ∑ ∫ ∆ ∇ ∩ ∪ ∂ ∅ ∈ ∉ ∋ ∌ ∃ ∄ ∀ ∧ ∨ ≈ ≡ ≤ ≥ ≠ ± × ÷ ∝ ∞ ½ ¼ ¾ ₩ ₽ ₹ ₱ ₦ ₴ ₵ ₡ ₲ ₳ ₺ ₸ ₤ ₧ ₯ ₠ ₢ ₣ ₥ ₰ ─ │ ┌ ┐ └ ┘ ├ ┤ ┬ ┴ ┼ † ‡ ‰ ′ ″ ‾ ⁄ ⁂ ⁅ ⁆
UI Elements
Paragraph
Our focus is to enhance patient outcomes while maintaining operational excellence. Consistent typography strengthens clarity and trust across channels.
Footnote
© 2025 Kalbe. Internal use only.
Kalbe System Regular
400Body / paragraphsThe quick brown fox jumps over the lazy dog — 0123456789 & symbols!?
Kalbe upholds rigorous quality standards and delivers reliable outcomes across all business units.
Kalbe menegakkan standar mutu yang ketat dan memastikan hasil yang konsisten di seluruh unit bisnis.
Kalbe upholds rigorous quality standards and delivers reliable outcomes across all business units.
Kalbe menegakkan standar mutu yang ketat dan memastikan hasil yang konsisten di seluruh unit bisnis.
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
0 1 2 3 4 5 6 7 8 9
! @ # $ % ^ & * ( ) _ + - = [ ] { } : ; ' " , . < > / ? \ | ~ `
§ ¶ © ® ™ ° • … – — € £ ¥ ¢ ‘ ’ “ ” « »
→ ← ↑ ↓ ↔ ↕ ⇧ ⇩ √ ∑ ∫ ∆ ∇ ∩ ∪ ∂ ∅ ∈ ∉ ∋ ∌ ∃ ∄ ∀ ∧ ∨ ≈ ≡ ≤ ≥ ≠ ± × ÷ ∝ ∞ ½ ¼ ¾ ₩ ₽ ₹ ₱ ₦ ₴ ₵ ₡ ₲ ₳ ₺ ₸ ₤ ₧ ₯ ₠ ₢ ₣ ₥ ₰ ─ │ ┌ ┐ └ ┘ ├ ┤ ┬ ┴ ┼ † ‡ ‰ ′ ″ ‾ ⁄ ⁂ ⁅ ⁆
UI Elements
Paragraph
Our focus is to enhance patient outcomes while maintaining operational excellence. Consistent typography strengthens clarity and trust across channels.
Footnote
© 2025 Kalbe. Internal use only.
Kalbe System Medium
500Emphasis / buttonsThe quick brown fox jumps over the lazy dog — 0123456789 & symbols!?
Kalbe upholds rigorous quality standards and delivers reliable outcomes across all business units.
Kalbe menegakkan standar mutu yang ketat dan memastikan hasil yang konsisten di seluruh unit bisnis.
Kalbe upholds rigorous quality standards and delivers reliable outcomes across all business units.
Kalbe menegakkan standar mutu yang ketat dan memastikan hasil yang konsisten di seluruh unit bisnis.
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
0 1 2 3 4 5 6 7 8 9
! @ # $ % ^ & * ( ) _ + - = [ ] { } : ; ' " , . < > / ? \ | ~ `
§ ¶ © ® ™ ° • … – — € £ ¥ ¢ ‘ ’ “ ” « »
→ ← ↑ ↓ ↔ ↕ ⇧ ⇩ √ ∑ ∫ ∆ ∇ ∩ ∪ ∂ ∅ ∈ ∉ ∋ ∌ ∃ ∄ ∀ ∧ ∨ ≈ ≡ ≤ ≥ ≠ ± × ÷ ∝ ∞ ½ ¼ ¾ ₩ ₽ ₹ ₱ ₦ ₴ ₵ ₡ ₲ ₳ ₺ ₸ ₤ ₧ ₯ ₠ ₢ ₣ ₥ ₰ ─ │ ┌ ┐ └ ┘ ├ ┤ ┬ ┴ ┼ † ‡ ‰ ′ ″ ‾ ⁄ ⁂ ⁅ ⁆
UI Elements
Paragraph
Our focus is to enhance patient outcomes while maintaining operational excellence. Consistent typography strengthens clarity and trust across channels.
Footnote
© 2025 Kalbe. Internal use only.
Kalbe System SemiBold
600Section headingsThe quick brown fox jumps over the lazy dog — 0123456789 & symbols!?
Kalbe upholds rigorous quality standards and delivers reliable outcomes across all business units.
Kalbe menegakkan standar mutu yang ketat dan memastikan hasil yang konsisten di seluruh unit bisnis.
Kalbe upholds rigorous quality standards and delivers reliable outcomes across all business units.
Kalbe menegakkan standar mutu yang ketat dan memastikan hasil yang konsisten di seluruh unit bisnis.
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
0 1 2 3 4 5 6 7 8 9
! @ # $ % ^ & * ( ) _ + - = [ ] { } : ; ' " , . < > / ? \ | ~ `
§ ¶ © ® ™ ° • … – — € £ ¥ ¢ ‘ ’ “ ” « »
→ ← ↑ ↓ ↔ ↕ ⇧ ⇩ √ ∑ ∫ ∆ ∇ ∩ ∪ ∂ ∅ ∈ ∉ ∋ ∌ ∃ ∄ ∀ ∧ ∨ ≈ ≡ ≤ ≥ ≠ ± × ÷ ∝ ∞ ½ ¼ ¾ ₩ ₽ ₹ ₱ ₦ ₴ ₵ ₡ ₲ ₳ ₺ ₸ ₤ ₧ ₯ ₠ ₢ ₣ ₥ ₰ ─ │ ┌ ┐ └ ┘ ├ ┤ ┬ ┴ ┼ † ‡ ‰ ′ ″ ‾ ⁄ ⁂ ⁅ ⁆
UI Elements
Paragraph
Our focus is to enhance patient outcomes while maintaining operational excellence. Consistent typography strengthens clarity and trust across channels.
Footnote
© 2025 Kalbe. Internal use only.
Kalbe System Bold
700Primary headingsThe quick brown fox jumps over the lazy dog — 0123456789 & symbols!?
Kalbe upholds rigorous quality standards and delivers reliable outcomes across all business units.
Kalbe menegakkan standar mutu yang ketat dan memastikan hasil yang konsisten di seluruh unit bisnis.
Kalbe upholds rigorous quality standards and delivers reliable outcomes across all business units.
Kalbe menegakkan standar mutu yang ketat dan memastikan hasil yang konsisten di seluruh unit bisnis.
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
0 1 2 3 4 5 6 7 8 9
! @ # $ % ^ & * ( ) _ + - = [ ] { } : ; ' " , . < > / ? \ | ~ `
§ ¶ © ® ™ ° • … – — € £ ¥ ¢ ‘ ’ “ ” « »
→ ← ↑ ↓ ↔ ↕ ⇧ ⇩ √ ∑ ∫ ∆ ∇ ∩ ∪ ∂ ∅ ∈ ∉ ∋ ∌ ∃ ∄ ∀ ∧ ∨ ≈ ≡ ≤ ≥ ≠ ± × ÷ ∝ ∞ ½ ¼ ¾ ₩ ₽ ₹ ₱ ₦ ₴ ₵ ₡ ₲ ₳ ₺ ₸ ₤ ₧ ₯ ₠ ₢ ₣ ₥ ₰ ─ │ ┌ ┐ └ ┘ ├ ┤ ┬ ┴ ┼ † ‡ ‰ ′ ″ ‾ ⁄ ⁂ ⁅ ⁆
UI Elements
Paragraph
Our focus is to enhance patient outcomes while maintaining operational excellence. Consistent typography strengthens clarity and trust across channels.
Footnote
© 2025 Kalbe. Internal use only.
Kalbe System ExtraBold
800Display / marketingThe quick brown fox jumps over the lazy dog — 0123456789 & symbols!?
Kalbe upholds rigorous quality standards and delivers reliable outcomes across all business units.
Kalbe menegakkan standar mutu yang ketat dan memastikan hasil yang konsisten di seluruh unit bisnis.
Kalbe upholds rigorous quality standards and delivers reliable outcomes across all business units.
Kalbe menegakkan standar mutu yang ketat dan memastikan hasil yang konsisten di seluruh unit bisnis.
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
0 1 2 3 4 5 6 7 8 9
! @ # $ % ^ & * ( ) _ + - = [ ] { } : ; ' " , . < > / ? \ | ~ `
§ ¶ © ® ™ ° • … – — € £ ¥ ¢ ‘ ’ “ ” « »
→ ← ↑ ↓ ↔ ↕ ⇧ ⇩ √ ∑ ∫ ∆ ∇ ∩ ∪ ∂ ∅ ∈ ∉ ∋ ∌ ∃ ∄ ∀ ∧ ∨ ≈ ≡ ≤ ≥ ≠ ± × ÷ ∝ ∞ ½ ¼ ¾ ₩ ₽ ₹ ₱ ₦ ₴ ₵ ₡ ₲ ₳ ₺ ₸ ₤ ₧ ₯ ₠ ₢ ₣ ₥ ₰ ─ │ ┌ ┐ └ ┘ ├ ┤ ┬ ┴ ┼ † ‡ ‰ ′ ″ ‾ ⁄ ⁂ ⁅ ⁆
UI Elements
Paragraph
Our focus is to enhance patient outcomes while maintaining operational excellence. Consistent typography strengthens clarity and trust across channels.
Footnote
© 2025 Kalbe. Internal use only.