How to change font for the entire site

[snack753]

I would like to use a different font for the entire site.

Chose to go for openSans.

What we did is to add the following CSS code to the theme settings: @font-face { font-family: "OpenSans"; src: url([[font:theme|OpenSans-Regular.ttf]]) format("truetype"); }

This works pretty well with one exception: Buttons that use FA icons:

Here the classes fa and e.g. fa-download seem to override the global font definition for the entire tag instead of just the icon part.

From my point of view the code needs to be changed to separate the .fa class from the button/ section to the icon only.

Is there any workaround solve this?

The next major release of Trema will see the addition of 3 new theme settings to change the base font, the front page banner title, and the hx headings to any of the following font families below:

• Arial, Helvetica, sans-serif
• Verdana, Tahoma, sans-serif
• "Times New Roman", Times, serif
• Georgia, serif
• "Courier New", Courier, monospace
• Alegreya, serif
• "CrimsonText", serif
• "EBGaramond", sans-serif
• Lato, sans-serif
• Montserrat, sans-serif
• "NotoSans", sans-serif
• "OpenSans", sans-serif
• "PlayfairDisplay", serif
• Poppins, sans-serif
• Roboto, Arial, Helvetica, sans-serif

Feel free to try it out in the experimental "dev" branch.

Best regards,

Michael Milette