Lora

Serif transitional 设计: Cyreal #26 在 Google Fonts 上
字重

关于 Lora

Lora 是一款植根于书法传统的均衡现代衬线字体,适度的对比度与流畅的曲线赋予其鲜明的文学气质。Cyreal 专为屏幕阅读舒适性而设计,可变字重轴配合西里尔文、越南文、数学符号和各类符号的支持,将其实用性延伸至英语散文之外的广阔领域。无论是优雅的博客版式,还是对温度与可信度有所要求的学术排版,Lora 均能胜任。

Design Analysis

Lora is a well-balanced contemporary serif with roots in calligraphy, featuring moderate contrast and brushed curves in its letterforms. Its serifs are slightly cupped with soft transitions, giving it a warm, literary character. The design is optimized for body text, with careful spacing and hinting for screen rendering.

Recommended Use Cases

A top choice for blog platforms, digital magazines, and literary websites where extended reading comfort matters. Pairs beautifully with geometric sans-serifs like Poppins or Montserrat for heading contrast.

字符表

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

字重瀑布 (4)

400 Regular
500 Medium
600 SemiBold
700 Bold

使用方法

<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

详情

分类
Serif
样式
transitional
字重
4
斜体
韩文
设计师
Cyreal
许可证
OFL
版本
热度
#26
下载量
416

许可用途

网页使用允许
印刷允许
视频 / 广播允许
包装允许
应用嵌入允许
品牌 / 标志允许
修改允许

OFL — 个人和商业使用均免费

语言支持

cyrillic cyrillic-ext latin latin-ext math symbols vietnamese

最适合

body_text editorial headers presentations

排版概念

  • 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.

相关文章 Lora