Step 4 - Set up fonts

To setup the PS TT Commons font (Pando font), add the pando.css file above the layer styles (the order is important).

In your entry index file:

import '@pluralsight/panda-preset/pando.css'
import './main.css' // <--- this is where @layers are defined

This loads the font declaration, then adds the Panda layers and finishes setting everything up.

Use Pando!

That’s it! Now you should be able to use Panda and Pando to accomplish all your UI needs. If you want to see some examples of what you can do -

Here is a live examples to review and play around with: