Page 1 of 1

Local hosted fonts - FiraSand

Posted: 05 Aug 2025, 05:29
by trpgforum
On www.thomas-ruf.ch, I included a quote on the home page using Gormorant Garamond – locally via Font Face from the directory ../custom/fonts, which works without any problems.
Code
@font-face {
  font-family: 'Cormorant Garamond Italic';
  src: url('/content/custom/fonts/CormorantGaramond/CormorantGaramond-Italic.woff2') format('woff2'),
       url('/content/custom/fonts/CormorantGaramond/CormorantGaramond-Italic.woff') format('woff');
  font-weight: normal !important;
  font-style: italic !important;
  font-display: swap !important;
}

.zitatblock {
  font-family: 'Cormorant Garamond Italic', 'Garamond', 'Georgia', serif;
[size=85][font=Source Sans Pro, sans-serif]}[/font][/size]
Since incorrect fonts sometimes appeared on the iPhone, I selected [none] in the panel under Style>Font. This displays Helvetica, which is acceptable, but does not fit my photographer branding – and Arial would be a nightmare.
Questions: a) Can I use Fira Sans instead of Helvetica? The font files are already stored locally in the directory.

b) If that's not possible, is it possible to install Helvetica locally and load it reliably everywhere to avoid unsightly replacement fonts?

Many thanks!

PS: As you can see, I'm making more and more use of the incredible features of Photo Gallery X3 ;-)

Re: Local hosted fonts - FiraSand

Posted: 05 Aug 2025, 22:11
by mjau-mjau
You can assign Fira Sans font like you assigned your other custom font, and then add to CSS something like this:
Code
body, h1, h2, h3, h4, h5, h6 {
  font-family: 'Fira Sans';
}