Varela

Classification

Font Technology

Static font

1 weight, 1 style

How To Use Varela

To use Varela in your web project, either search Google Fonts and use their embed code or host the font on your server and use the CSS below. Note: fonts served by Google Fonts may be missing some OpenType features that are available in the original font.

Download Varela

@font-face {
  font-family: 'Varela';
  src: url('<YOUR SERVER PATH>Varela-Regular.ttf') format(woff2);
  font-weight: 400;
  font-style: normal;
}

Description

Varela is a modern sans-serif font that blends styles of many great typefaces. Its uniqueness stems from vertical cuts on lowercase letters such as "a, c, e, g, s" and uppercase letters such as "C, G, J, S". Because it is extremely clean and minimalistic in design, it is able to sit well in body text at small sizes, or be used for headlines and menu items. Varela is a great font for anything containing text or content.

Designer

Joe Prince

Copyright

OpenType Features

Caps to small caps

Discretionary ligatures

Fractions

Standard ligatures

Oldstyle figures

Ordinals

Small caps

Stylistic set 1

Subscript

Superscript

Related Fonts

Font Size

Varela regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.

, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™

Numerals

oldstyle-nums

0123456789 0123456789

Arbitrary Fractions

diagonal-fractions

1/2 1/3 2/3 3/4 5/8 15/16 1234/5678

Small caps

small-caps

abcdefghijklmnopqrstuvwxyz

Caps to small caps

'c2sc' 1

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Discretionary ligatures

default css
font-feature-settings: "dlig" 1

cļ

cķ

sķ

çt

çl

çk

çh

çb

şt

şl

şk

şh

şb

șt

șl

șk

șh

șb

Fractions

default css
font-feature-settings: "frac" 1

⁰

⁴

⁵

⁶

⁷

⁸

⁹

₀

₁

₂

₃

₄

₅

₆

₇

₈

₉

Standard ligatures

font-variant-ligatures: none
font-feature-settings: "liga" 1

ffl

ffi

Ordinals

default css
font-feature-settings: "ordn" 1

Stylistic set 1

default css
font-feature-settings: "ss01" 1

ạ

ả

ấ

ầ

ẩ

ẫ

ậ

ắ

ằ

ẳ

ẵ

ặ