Protsolata is a monospace font, based on Inconsolata, designed for rendering protein sequences in web applications. It integrates Jalview’s color schemes directly into a single color-font, so you can swap schemes by applying a CSS class without per-character styling. It was built for the Foldseek webserver at @soedinglab/MMseqs2-App.
-
Copy the assets
Protsolata.woff
,Protsolata.woff2
, andProtsolata_palettes.css
into your project. -
Load the stylesheet in your HTML:
<link rel="stylesheet" href="Protsolata_palettes.css">
-
Choose a Jalview color scheme by adding one of these utility classes to the element that contains your sequence:
.clustal2
,.buried
,.cinema
,.clustal
,.helix
,.hydrophobicity
,.lesk
,.mae
,.strand
,.taylor
,.turn
,.zappo
. If you omit the class,font-family: 'Protsolata'
falls back to the default Clustal2 palette.
See the examples in index.html
or Protsolata_test.html
for sample usage.
- Install dependencies:
pip install fonttools cu2qu brotli zopfli
- Edit
makefont.py
as needed. - Run:
python makefont.py
New font files will be written to the current directory.