lipu-sona/pages/lentan/supalape.md

% insa pi supa lape -- a sitelen pona font
% /dev/urandom
% 2020-05-28

<style>

.sp {
    font-size:3em;
    font-family:"insa pi supa lape";
    font-variant-ligatures: common-ligatures;
}

.spflex {
flex-direction: row;
flex-wrap: wrap;
border: 2px solid #9b9b9b;
border-radius: 4pt;
}

.spitem {
	flex-grow: 1;
	width: 4em;
	padding: 0.25em;
	margin: 0.5em;
	border: 1px solid #9b9b9b;
	border-radius: 4pt;
	text-align: center;
	overflow: hidden;
	word-break: break-all;
}

@media tty {
	.spflex {
		display: none !important;
	}
}

</style>

## insa pi supa lape

"insa pi supa lape" is a [sitelen pona](en/sitelen_pona) font I designed,
based on "[Bedstead](https://bjh21.me.uk/bedstead/)". It's a vector font that is
built from a bunch of 5x9 bitmaps for each character. The font includes all 120
official words, several community-added ones (such as tonsi and leko) and
loanword brackets (as replacement for cartouches).

All the characters have ligatures: typing regular Latin-based toki pona text
displays it using sitelen pona. In addition, characters have their own
codepoints according to the [UCSUR standard for sitelen
pona](https://www.kreativekorp.com/ucsur/charts/sitelen.html).

Most characters are based on regular sitelen pona characters, but there are some
changes necessary due to the font's design.

* "jaki", being too difficult to represent in the font's format, is instead
  designed as a combination of the Latin letters "j" and "k".

* "luka" is designed as more of a mitten-like shape to avoid it looking too
  narrow or weird.

* "moli" is a picture of a skull. 

* "olin" is represented as a heart symbol with an overline above, since the
  original character doesn't work well in this font.

* "pakala" has the lines at the left and right side removed to fit better. 

* "seme" is drawn as an _outlined_ question mark in order to make it distinct
  from a regular question mark.

### insa pi supa lape chart

<div class="spflex" style="display: flex;">
<div class="spitem"><div class="sp">a</div>		a/kin</div>
<div class="spitem"><div class="sp">akesi</div>		akesi</div>
<div class="spitem"><div class="sp">ala</div>		ala</div>
<div class="spitem"><div class="sp">alasa</div>		alasa</div>
<div class="spitem"><div class="sp">ale</div>		ale/ali</div>
<div class="spitem"><div class="sp">anpa</div>		anpa</div>
<div class="spitem"><div class="sp">ante</div>		ante</div>
<div class="spitem"><div class="sp">anu</div>		anu</div>
<div class="spitem"><div class="sp">awen</div>		awen</div>
<div class="spitem"><div class="sp">e</div>		e</div>
<div class="spitem"><div class="sp">en</div>		en</div>
<div class="spitem"><div class="sp">esun</div>		esun</div>
<div class="spitem"><div class="sp">ijo</div>		ijo</div>
<div class="spitem"><div class="sp">ike</div>		ike</div>
<div class="spitem"><div class="sp">ilo</div>		ilo</div>
<div class="spitem"><div class="sp">insa</div>		insa</div>
<div class="spitem"><div class="sp">jaki</div>		jaki</div>
<div class="spitem"><div class="sp">jan</div>		jan</div>
<div class="spitem"><div class="sp">jelo</div>		jelo</div>
<div class="spitem"><div class="sp">jo</div>		jo</div>
<div class="spitem"><div class="sp">kala</div>		kala</div>
<div class="spitem"><div class="sp">kalama</div>	kalama</div>
<div class="spitem"><div class="sp">kama</div>		kama</div>
<div class="spitem"><div class="sp">kasi</div>		kasi</div>
<div class="spitem"><div class="sp">ken</div>		ken</div>
<div class="spitem"><div class="sp">kepeken</div>	kepeken</div>
<div class="spitem"><div class="sp">kili</div>		kili</div>
<div class="spitem"><div class="sp">kiwen</div>		kiwen</div>
<div class="spitem"><div class="sp">ko</div>		ko</div>
<div class="spitem"><div class="sp">kon</div>		kon</div>
<div class="spitem"><div class="sp">kule</div>		kule</div>
<div class="spitem"><div class="sp">kulupu</div>	kulupu</div>
<div class="spitem"><div class="sp">kute</div>		kute</div>
<div class="spitem"><div class="sp">la</div>		la</div>
<div class="spitem"><div class="sp">lape</div>		lape</div>
<div class="spitem"><div class="sp">laso</div>		laso</div>
<div class="spitem"><div class="sp">lawa</div>		lawa</div>
<div class="spitem"><div class="sp">len</div>		len</div>
<div class="spitem"><div class="sp">lete</div>		lete</div>
<div class="spitem"><div class="sp">li</div>		li</div>
<div class="spitem"><div class="sp">lili</div>		lili</div>
<div class="spitem"><div class="sp">linja</div>		linja</div>
<div class="spitem"><div class="sp">lipu</div>		lipu</div>
<div class="spitem"><div class="sp">loje</div>		loje</div>
<div class="spitem"><div class="sp">lon</div>		lon</div>
<div class="spitem"><div class="sp">luka</div>		luka</div>
<div class="spitem"><div class="sp">lukin</div>		lukin</div>
<div class="spitem"><div class="sp">lupa</div>		lupa</div>
<div class="spitem"><div class="sp">ma</div>		ma</div>
<div class="spitem"><div class="sp">mama</div>		mama</div>
<div class="spitem"><div class="sp">mani</div>		mani</div>
<div class="spitem"><div class="sp">meli</div>		meli</div>
<div class="spitem"><div class="sp">mi</div>		mi</div>
<div class="spitem"><div class="sp">mije</div>		mije</div>
<div class="spitem"><div class="sp">moku</div>		moku</div>
<div class="spitem"><div class="sp">moli</div>		moli</div>
<div class="spitem"><div class="sp">monsi</div>		monsi</div>
<div class="spitem"><div class="sp">mu</div>		mu</div>
<div class="spitem"><div class="sp">mun</div>		mun</div>
<div class="spitem"><div class="sp">musi</div>		musi</div>
<div class="spitem"><div class="sp">mute</div>		mute</div>
<div class="spitem"><div class="sp">nanpa</div>		nanpa</div>
<div class="spitem"><div class="sp">nasa</div>		nasa</div>
<div class="spitem"><div class="sp">nasin</div>		nasin</div>
<div class="spitem"><div class="sp">nena</div>		nena</div>
<div class="spitem"><div class="sp">ni</div>		ni</div>
<div class="spitem"><div class="sp">nimi</div>		nimi</div>
<div class="spitem"><div class="sp">noka</div>		noka</div>
<div class="spitem"><div class="sp">o</div>		o</div>
<div class="spitem"><div class="sp">olin</div>		olin</div>
<div class="spitem"><div class="sp">ona</div>		ona</div>
<div class="spitem"><div class="sp">open</div>		open</div>
<div class="spitem"><div class="sp">pakala</div>	pakala</div>
<div class="spitem"><div class="sp">pali</div>		pali</div>
<div class="spitem"><div class="sp">palisa</div>	palisa</div>
<div class="spitem"><div class="sp">pan</div>		pan</div>
<div class="spitem"><div class="sp">pana</div>		pana</div>
<div class="spitem"><div class="sp">pi</div>		pi</div>
<div class="spitem"><div class="sp">pilin</div>		pilin</div>
<div class="spitem"><div class="sp">pimeja</div>	pimeja</div>
<div class="spitem"><div class="sp">pini</div>		pini</div>
<div class="spitem"><div class="sp">pipi</div>		pipi</div>
<div class="spitem"><div class="sp">poka</div>		poka</div>
<div class="spitem"><div class="sp">poki</div>		poki</div>
<div class="spitem"><div class="sp">pona</div>		pona</div>
<div class="spitem"><div class="sp">pu</div>		pu</div>
<div class="spitem"><div class="sp">sama</div>		sama</div>
<div class="spitem"><div class="sp">seli</div>		seli</div>
<div class="spitem"><div class="sp">selo</div>		selo</div>
<div class="spitem"><div class="sp">seme</div>		seme</div>
<div class="spitem"><div class="sp">sewi</div>		sewi</div>
<div class="spitem"><div class="sp">sijelo</div>	sijelo</div>
<div class="spitem"><div class="sp">sike</div>		sike</div>
<div class="spitem"><div class="sp">sin</div>		sin</div>
<div class="spitem"><div class="sp">sina</div>		sina</div>
<div class="spitem"><div class="sp">sinpin</div>	sinpin</div>
<div class="spitem"><div class="sp">sitelen</div>	sitelen</div>
<div class="spitem"><div class="sp">sona</div>		sona</div>
<div class="spitem"><div class="sp">soweli</div>	soweli</div>
<div class="spitem"><div class="sp">suli</div>		suli</div>
<div class="spitem"><div class="sp">suno</div>		suno</div>
<div class="spitem"><div class="sp">supa</div>		supa</div>
<div class="spitem"><div class="sp">suwi</div>		suwi</div>
<div class="spitem"><div class="sp">tan</div>		tan</div>
<div class="spitem"><div class="sp">taso</div>		taso</div>
<div class="spitem"><div class="sp">tawa</div>		tawa</div>
<div class="spitem"><div class="sp">telo</div>		telo</div>
<div class="spitem"><div class="sp">tenpo</div>		tenpo</div>
<div class="spitem"><div class="sp">toki</div>		toki</div>
<div class="spitem"><div class="sp">tomo</div>		tomo</div>
<div class="spitem"><div class="sp">tu</div>		tu</div>
<div class="spitem"><div class="sp">unpa</div>		unpa</div>
<div class="spitem"><div class="sp">uta</div>		uta</div>
<div class="spitem"><div class="sp">utala</div>		utala</div>
<div class="spitem"><div class="sp">walo</div>		walo</div>
<div class="spitem"><div class="sp">wan</div>		wan</div>
<div class="spitem"><div class="sp">waso</div>		waso</div>
<div class="spitem"><div class="sp">wawa</div>		wawa</div>
<div class="spitem"><div class="sp">weka</div>		weka</div>
<div class="spitem"><div class="sp">wile</div>		wile</div>
<div style="display:flex; flex-basis:100%; text-align:center;">Characters for words not in the
official book:</div>
<div class="spitem"><div class="sp">namako</div>	<b>namako</b></div>
<div class="spitem"><div class="sp">kin</div>		<b>kin</b></div>
<div class="spitem"><div class="sp">oko</div>		<b>oko</b></div>
<div class="spitem"><div class="sp">kipisi</div>	<b>kipisi</b></div>
<div class="spitem"><div class="sp">leko</div>		<b>leko</b></div>
<div class="spitem"><div class="sp">monsuta</div>	<b>monsuta</b></div>
<div class="spitem"><div class="sp">tonsi</div>		<b>tonsi</b></div>
<div class="spitem"><div class="sp">jasima</div>	<b>jasima</b></div>
<div class="spitem"><div class="sp">kijetesantakalu</div><b>kijetesantakalu</b></div>
<div class="spitem"><div class="sp">soko</div>		<b>soko</b></div>
<div class="spitem"><div class="sp">meso</div>		<b>meso</b></div>
<div class="spitem"><div class="sp">epiku</div>		<b>epiku</b></div>
<div class="spitem"><div class="sp">kokosila</div>	<b>kokosila</b></div>
<div class="spitem"><div class="sp">lanpan</div>	<b>lanpan</b></div>
<div class="spitem"><div class="sp">n</div>		<b>n</b></div>
<div class="spitem"><div class="sp">misikeke</div>	<b>misikeke</b></div>
<div class="spitem"><div class="sp">ku</div>		<b>ku</b></div>
<div class="spitem"><div class="sp">pake</div>		<b>pake</b></div>
<div class="spitem"><div class="sp">apeja</div>		<b>apeja</b></div>
<div class="spitem"><div class="sp">majuna</div>	<b>majuna</b></div>
<div class="spitem"><div class="sp">powe</div>		<b>powe</b></div>
</div>

### example texts

Here's the basic example from the sitelen pona page, written in this font.

> %sp%
> wan ni pi lipu ni li sitelen kepeken sitelen pona. sina ken ala ken sona e ni.

Loanword brackets test:

> ma [kasi alasa nasin awen telo a] li suli. (ma Kanata li suli.)

> %sp%
> ma [kasi alasa nasin awen telo a] li suli.
>

**Note**: Proper cartouches can only be used by using UCSUR codepoints.

> %sp%
> 
> 󱥜󱦐󱤗󱤀󱤿󱤈󱥪󱤀󱦑󱤧󱥣.

Composite "pi" test:

> ona li jan pi\_ sona\_ mute\_.

> %sp%
> ona li jan pi\_ sona\_ mute\_.

or 

> %sp%
> 󱥆󱤧󱤑󱦓󱥡󱦔󱤼󱦔.

## download

The font's source code is in public domain and is available [on my GitLab
page](https://gitlab.com/dev_urandom/insa-pi-supa-lape/), and is also provided
in a more standard form on the [releases
page](https://gitlab.com/dev_urandom/insa-pi-supa-lape/-/releases).

[Top page](lentan)