Most of our website designs use webfonts available at https://fonts.google.com/

After we have embedded a Google font in the layout file, we can enable it as a selectable font in Perpetua by adding it to a text file at files/tinymce_fonts.txt

Lato='Lato', sans-serif;Montserrat='Montserrat', Helvetica, Arial, sans-serif;Arial=Arial, Helvetica, sans-serif;Book Antiqua=Book Antiqua, Palatino, serif;Courier New=Courier New, Courier, monospace;Georgia=Georgia, Times, serif;Helvetica=Helvetica, Arial, sans-serif;Tahoma=Tahoma, Geneva, sans-serif;Times New Roman=Times New Roman, Times, serif;Trebuchet MS=Trebuchet MS, Helvetica, sans-serif;Verdana=Verdana, Geneva, sans-serif

CSS Custom Properties

Since we prefer to use CSS custom properties (CSS variables) a tinymce_fonts.txt file might look like this:

Lato=var(--font-primary);Montserrat=var(--font-secondary);Arial=Arial, Helvetica, sans-serif;Book Antiqua=Book Antiqua, Palatino, serif;Courier New=Courier New, Courier, monospace;Georgia=Georgia, Times, serif;Helvetica=Helvetica, Arial, sans-serif;Tahoma=Tahoma, Geneva, sans-serif;Times New Roman=Times New Roman, Times, serif;Trebuchet MS=Trebuchet MS, Helvetica, sans-serif;Verdana=Verdana, Geneva, sans-serif