Lora

Serif transitional by Cyreal #26 on Google Fonts
Weight

About Lora

Cyreal ออกแบบ Lora เพื่อให้เป็น contemporary serif ที่มีรากฐานในรูปแบบ calligraphy โค้ง stroke คู่กับ italic ที่ประณีต ทำให้เป็น book-quality typeface สำหรับ web รองรับ Cyrillic พร้อม variable weight axis นิยมมากสำหรับ blog ระดับ literary, เนื้อหา editorial และสิ่งพิมพ์ออนไลน์ใดก็ตามที่ต้องการความรู้สึก serif ที่อบอุ่นและมีวัฒนธรรม

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
เกาหลี
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