Lora

Serif transitional by Cyreal #26 on Google Fonts
Weight

About Lora

Lora là một serif đương đại cân bằng tốt với nguồn gốc từ truyền thống thư pháp, kết hợp độ tương phản vừa phải và các đường cong chảy mang lại cho nó một tính cách văn học đặc trưng. Cyreal đã thiết kế nó đặc biệt để đọc thoải mái trên màn hình, và trục trọng lượng biến đổi — cùng với phạm vi Cyrillic, tiếng Việt, Math và Symbols — mở rộng tính hữu dụng của nó ra ngoài văn xuôi tiếng Anh. Nó hoạt động tốt như nhau trong các layout blog thanh lịch và sắp chữ học thuật nơi sự ấm áp và uy tín đều quan trọng.

Character Map

AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?

Weight Waterfall (4)

400 Regular
500 Medium
600 SemiBold
700 Bold

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
Tiếng Hàn Quốc
Designer
Cyreal
License
OFL
Version
Popularity
#26

License Usage

Web useAllowed
PrintAllowed
Video / BroadcastAllowed
PackagingAllowed
App embeddingAllowed
Brand / LogoAllowed
ModificationAllowed

OFL — Free for personal & commercial use

Language Support

cyrillic cyrillic-ext latin latin-ext math symbols vietnamese

Best For

body-text blog literary

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.

Articles About Lora