Moritz Sans

Typeface Created December 2015, last updated 14 December 2016 Moritz Sans is a modern Grotesk originally conceptualized and developed as a web font intended to be legible in even the smallest sizes. The typeface was born out of the idea of making a Sans based on the beautiful Serif Palatino, drawn up from scratch and infused with my own ideas.

The first version, called GP-base24, has since been expanded, to seven weights, and includes a proper italic version as well! (read more here)

Moritz Sans

SVG specimen of Moritz Sans


Downloadable Specimen

Picture specimen of GP-base24, the predecessor to Moritz Sans

Try it out!

italic A A A A A A

Moritz Sans Sample Text
(Click on the Text to write you own )

If you have a modern browser, you can see the webfont of this typeface in action! Manipulate the slider to set the text size, and use the dropdown menu to select a weight. You can also click on the text and write your own! If your browser does not support this technology, you can still go to the specimen tab for more downloadable samples of this typeface.

Sample Text

Colum Count:


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.


Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa.


Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet.


Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue elementum. Morbi in ipsum sit amet pede facilisis laoreet.


Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. Vestibulum tincidunt malesuada tellus. Ut ultrices ultrices enim. Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper. Nulla facilisi. Integer lacinia sollicitudin massa. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi.


Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula. Nulla ut felis in purus aliquam imperdiet. Maecenas aliquet mollis lectus.


Vivamus consectetuer risus et tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.


Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet.

Character Set

!

!

"

"

#

#

$

$

%

%

&

&

'

'

(

(

)

)

*

*

+

+

,

,

-

-

.

.

/

/

0

0

1

1

2

2

3

3

4

4

5

5

6

6

7

7

8

8

9

9

:

:

&#59;

;

<

<

&#61;

=

&#62;

>

&#63;

?

&#64;

@

&#65;

A

&#66;

B

&#67;

C

&#68;

D

&#69;

E

&#70;

F

&#71;

G

&#72;

H

&#73;

I

&#74;

J

&#75;

K

&#76;

L

&#77;

M

&#78;

N

&#79;

O

&#80;

P

&#81;

Q

&#82;

R

&#83;

S

&#84;

T

&#85;

U

&#86;

V

&#87;

W

&#88;

X

&#89;

Y

&#90;

Z

&#91;

[

&#92;

\

&#93;

]

&#94;

^

&#95;

_

&#96;

`

&#97;

a

&#98;

b

&#99;

c

&#100;

d

&#101;

e

&#102;

f

&#103;

g

&#104;

h

&#105;

i

&#106;

j

&#107;

k

&#108;

l

&#109;

m

&#110;

n

&#111;

o

&#112;

p

&#113;

q

&#114;

r

&#115;

s

&#116;

t

&#117;

u

&#118;

v

&#119;

w

&#120;

x

&#121;

y

&#122;

z

&#123;

{

&#124;

|

&#125;

}

&#126;

~

&#161;

¡

&#162;

¢

&#163;

£

&#164;

¤

&#165;

¥

&#166;

¦

&#167;

§

&#168;

¨

&#169;

©

&#170;

ª

&#171;

«

&#172;

¬

&#174;

®

&#175;

¯

&#176;

°

&#177;

±

&#178;

²

&#179;

³

&#180;

´

&#182;

&#183;

·

&#184;

¸

&#185;

¹

&#186;

º

&#187;

»

&#188;

¼

&#189;

½

&#190;

¾

&#191;

¿

&#192;

À

&#193;

Á

&#194;

Â

&#195;

Ã

&#196;

Ä

&#197;

Å

&#198;

Æ

&#199;

Ç

&#200;

È

&#201;

É

&#202;

Ê

&#203;

Ë

&#204;

Ì

&#205;

Í

&#206;

Î

&#207;

Ï

&#208;

Ð

&#209;

Ñ

&#210;

Ò

&#211;

Ó

&#212;

Ô

&#213;

Õ

&#214;

Ö

&#215;

×

&#216;

Ø

&#217;

Ù

&#218;

Ú

&#219;

Û

&#220;

Ü

&#221;

Ý

&#222;

Þ

&#223;

ß

&#224;

à

&#225;

á

&#226;

â

&#227;

ã

&#228;

ä

&#229;

å

&#230;

æ

&#231;

ç

&#232;

è

&#233;

é

&#234;

ê

&#235;

ë

&#236;

ì

&#237;

í

&#238;

î

&#239;

ï

&#240;

ð

&#241;

ñ

&#242;

ò

&#243;

ó

&#244;

ô

&#245;

õ

&#246;

ö

&#247;

÷

&#248;

ø

&#249;

ù

&#250;

ú

&#251;

û

&#252;

ü

&#253;

ý

&#254;

þ

&#255;

ÿ

&#256;

Ā

&#257;

ā

&#258;

Ă

&#259;

ă

&#260;

Ą

&#261;

ą

&#262;

Ć

&#263;

ć

&#266;

Ċ

&#267;

ċ

&#268;

Č

&#269;

č

&#270;

Ď

&#271;

ď

&#272;

Đ

&#273;

đ

&#274;

Ē

&#275;

ē

&#278;

Ė

&#279;

ė

&#280;

Ę

&#281;

ę

&#282;

Ě

&#283;

ě

&#286;

Ğ

&#287;

ğ

&#288;

Ġ

&#289;

ġ

&#290;

Ģ

&#291;

ģ

&#294;

Ħ

&#295;

ħ

&#298;

Ī

&#299;

ī

&#302;

Į

&#303;

į

&#304;

İ

&#305;

ı

&#310;

Ķ

&#311;

ķ

&#313;

Ĺ

&#314;

ĺ

&#315;

Ļ

&#316;

ļ

&#317;

Ľ

&#318;

ľ

&#321;

Ł

&#322;

ł

&#323;

Ń

&#324;

ń

&#325;

Ņ

&#326;

ņ

&#327;

Ň

&#328;

ň

&#330;

Ŋ

&#331;

ŋ

&#332;

Ō

&#333;

ō

&#336;

Ő

&#337;

ő

&#338;

Œ

&#339;

œ

&#340;

Ŕ

&#341;

ŕ

&#342;

Ŗ

&#343;

ŗ

&#344;

Ř

&#345;

ř

&#346;

Ś

&#347;

ś

&#350;

Ş

&#351;

ş

&#352;

Š

&#353;

š

&#354;

Ţ

&#355;

ţ

&#356;

Ť

&#357;

ť

&#358;

Ŧ

&#359;

ŧ

&#362;

Ū

&#363;

ū

&#366;

Ů

&#367;

ů

&#368;

Ű

&#369;

ű

&#370;

Ų

&#371;

ų

&#372;

Ŵ

&#373;

ŵ

&#374;

Ŷ

&#375;

ŷ

&#376;

Ÿ

&#377;

Ź

&#378;

ź

&#379;

Ż

&#380;

ż

&#381;

Ž

&#382;

ž

&#402;

ƒ

&#536;

Ș

&#537;

ș

&#538;

Ț

&#539;

ț

&#710;

ˆ

&#711;

ˇ

&#728;

˘

&#729;

˙

&#730;

˚

&#731;

˛

&#732;

˜

&#733;

˝

&#768;

̀

&#769;

́

&#770;

̂

&#771;

̃

&#772;

̄

&#774;

̆

&#775;

̇

&#776;

̈

&#778;

̊

&#779;

̋

&#780;

̌

&#786;

̒

&#806;

̦

&#807;

̧

&#808;

̨

&#821;

̵

&#822;

̶

&#823;

̷

&#824;

̸

&#916;

Δ

&#937;

Ω

&#956;

μ

&#960;

π

&#7808;

&#7809;

&#7810;

&#7811;

&#7812;

&#7813;

&#7922;

&#7923;

&#8211;

&#8212;

&#8216;

&#8217;

&#8218;

&#8220;

&#8221;

&#8222;

&#8224;

&#8225;

&#8226;

&#8230;

&#8240;

&#8249;

&#8250;

&#8260;

&#8364;

&#8482;

&#8706;

&#8719;

&#8721;

&#8722;

&#8730;

&#8734;

&#8747;

&#8776;

&#8800;

&#8804;

&#8805;

&#9674;

&#9724;

&#64257;

&#64258;

About:

Outset:

In choosing a font for Juliette's Learn German website, the general direction we wanted for the site to go was clear: Juliette had picked Verdana during her development of the site, and it worked very well for subject. Being a very wide and easily legible typeface, it was the ideal choice for a website about learning and comprehending a new language through text.

History:

Designing a typeface for learngerman.tips was the perfect opportunity to do something I had wanted to do for a long time—Designing a Sans Typeface based on an existing Serif font. After learning about the history of the typeface for the Deutsche Bahn (christianschwartz.com), I found it intriguing to develop a Sans family based on an existing Serif typeface. Since Spiekermann and Schwartz based DB Type on a Garamont (or sorts), I had for a while planned to go the most obvious route and use the arguably most ubiquitous Serif there is: Times New Roman. After doing a few sketches (insert sketch here), I quickly realized that, while the resulting typeface had potential, it didn't meet one of the key requirements I wanted: To be wide. After searching a bit through the "basics", I came across Palatino, which does run beautifully wide, and is a very pretty and legible Serif.

One of the other factors in choosing to make a Palatino-based Sans was that it differentiates between the shapes of the letters b, p, q, d - something not every modern Serif does, but something that was very important to have in a typeface that should take all the guesswork out of reading.

For the capital letters I wanted something a little bit more clean and German - technical, if you will. I based the Capitals on my own "NEUE mogobau" typeface, which itself is inspired by the Futura model. I made the shapes quite a bit wider and more open, to match the minuscule letters.

The Final Product:

With only about 24 hours of time to conceptualize, draw and digitize the first version of the typeface, the deadline was quite fierce - but sometimes a deadline really helps, and I am quite proud of what was achieved in such a short period of time.

Since Moritz Sans is the typeface of the Learn German website, we needed to not only make the typeface very legible: Wide, with lots of room, generous spacing and a larger x-height - we also needed to make sure the individual letter shapes are easily distinguished, and not alike. Even though they all face in different directions, a b is easily mistaken as a p, b and q. An l cannot look like a 1 or in I, an 8 like a B or an ß, and rn may not run together into an m. To achieve this, each letter has - subtly, but noticeably - their own distinct and unique shape and forms.

moritz-sans
Picture specimen of GP-Base24, the predecessor to Moritz Sans