Lora
About Lora
Lora is a well-balanced contemporary serif with roots in calligraphic tradition, combining moderate contrast and flowing curves that give it a distinctly literary character. Cyreal designed it specifically for reading comfort on screen, and the variable weight axis — along with coverage of Cyrillic, Vietnamese, Math, and Symbols — extends its usefulness well beyond English prose. It performs equally well in elegant blog layouts and academic typesetting where warmth and credibility matter.
Character Map
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
Weight Waterfall (4)
How to Use
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@500;600;700;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@500;600;700;400&display=swap');
font-family: 'Lora', serif;
brew install --cask font-lora
Details
- Category
- Serif
- Style
- transitional
- Weights
- 4
- Italic
- ✓
- Korean
- ✗
- Designer
- Cyreal
- License
- OFL
- Version
- Popularity
- #26
License Usage
| Web use | Allowed |
| Allowed | |
| Video / Broadcast | Allowed |
| Packaging | Allowed |
| App embedding | Allowed |
| Brand / Logo | Allowed |
| Modification | Allowed |
OFL — Free for personal & commercial use
Language Support
Best For
Similar Fonts
Typography Concepts
-
Stroke
Any line that forms part of a letter — vertical, horizontal, diagonal, or curved. Stroke contrast defines much of a typeface's character.
-
Serif
A small decorative stroke added to the end of a letter's main strokes. Serif fonts (like Times New Roman) have these; sans-serif fonts don't.
-
Leading
The vertical distance between lines of text, measured from baseline to baseline. Named after lead strips used in letterpress printing.
-
Measure
The length of a line of text, typically 45–75 characters for optimal readability. Too long or too short reduces reading comfort.
-
Line Height
The CSS property controlling the distance between lines of text. Typically set to 1.5 or 150% for body text readability.
-
@font-face
A CSS at-rule that allows web designers to specify custom fonts for their web pages. The foundation of web typography.