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.cssinto 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.pyas needed. - Run:
python makefont.py
New font files will be written to the current directory.