Lora

8 styles · Variable
Google Fonts ↗

A contemporary serif with calligraphic roots, well suited to body text.

Designer
Cyreal
Styles
8 (variable)
Weights
400–700
Format
woff2
File size
37 KB (lora-latin-wght-normal.woff2)
Licence
SIL Open Font License 1.1
Source
Google Fonts
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 &!?

Usage

Add the stylesheet to your page, then use the family in your CSS.

<!-- HTML in your document's head -->
<link rel="preconnect" href="https://cdn.msar.me">
<link rel="stylesheet" href="https://cdn.msar.me/fonts/lora/font.css">
/* CSS */
:root { font-family: 'Lora Variable', serif; }

Prefer CSS? @import url('https://cdn.msar.me/fonts/lora/font.css'); does the same thing.

Click the text to type your own

Letterforms that carry the story

Styles

Regular400

Morning by the river

Medium500

Quiet letterforms

SemiBold600

Stories for a grey day

Bold700

Light inside the words

Regular Italic400

The smell of old books

Medium Italic500

A city after rain

SemiBold Italic600

Set letter by letter

Bold Italic700

Travellers on a long road

Sample text

Type on a screen has one job before any other: to get out of the reader’s way. A good headline face earns attention in a few words, then hands the reader on to the text without a jolt. Weight, contrast and spacing do that work quietly, long before anyone notices the shapes themselves.

Serving a font well matters as much as drawing it well. A small file, a long cache lifetime and a stylesheet that swaps in without hiding the text are the difference between a page that reads at once and one that makes people wait.

Glyphs 224 characters

!"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~¡¢£¤¥¦§¨©ª«¬®¯°±²³´µ·¸¹º»¼½¾¿ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖרÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõö÷øùúûüýþÿĂıŒœʻʼˆ˚˜̣̀́̃̄̈̉–—‘’‚“”„•…′″‹›⁄€™−∕￿