Change the font

The fourth tutorial teaches how to import font scripts and change what font the marketplace uses.

Thomas Rocca avatar
Written by Thomas Rocca
Updated over a week ago

This is the fourth tutorial in the low-code development series. Follow along to learn how to get a font script from Google Fonts and use it in your codebase.

Chapters

  1. Download the font script from Google Fonts (00:36)

  2. Include the code script in the codebase (01:51)

  3. Use the font in the marketplace (03:10)

Resources used in this video

Commands and scripts used in this video

Run your template locally

yarn run dev

Google Fonts script

const fontScript = (
<style key="font">
{`@import url('https://fonts.googleapis.com/css2?family=Barlow&display=swap');`}
</style>
)

Check current remote repositories

git remote -v

Push your changes to your remote repository

git push origin main

Additional developer documentation

More information on how to change your marketplace look and feel can be found in Sharetribe's Developer Documentation site. We recommend:

Next

The next and final video tutorial shows how to add a Facebook (or Meta) Pixel to your code for tracking conversions from Facebook ads. Click here to go to this tutorial.

Did this answer your question?