Search…

X3 Photo Gallery Support Forums

Search…
 
trpgforum
Experienced
Topic Author
Posts: 133
Joined: 05 Jul 2019, 03:40

Local hosted fonts - FiraSand

05 Aug 2025, 05:29

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 ;-)
THOMAS RUF PHOTOGRAPHY
Landscape - Nature - Macro
4132 Muttenz
Switzerland
www.thomas-ruf.ch
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14469
Joined: 30 Sep 2006, 03:37

Re: Local hosted fonts - FiraSand

05 Aug 2025, 22:11

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';
}