OL Learn

Font installing on multiple Designer Templates

Hello everyone,

One of our clients is on a rebranding process and requested us to implement their new personalised font in all active templates…
Unfortunately, we talk about around 50-60 templates to be modified, and I was wondering if there is a shortcut to do that?

Thank you all in advance!
fsh22

Hi @fsh22,

I’m afraid there’s no convenient way to apply bulk changes if the templates rely on local or embedded resources.

Ideally shared styles should be hosted remotely. Any changes to those styles will then automatically be applied to all templates. Depending on how the templates are structured the styles might look like this:

@font-face {
  font-family: PersonalisedFont;
  src: url("PersonalisedFont.otf");
}

html {
  font-family: PersonalisedFont;
}

… with the PersonalisedFont.otf file hosted in the same folder.

Modifying 50-60 templates will be tedious. One thing that makes things a bit easier is that you can copy and paste the remote stylesheet resource, but you will still need to drag the resource to each section (assuming you’re going with the approach outlined above).

Hi @Sander

Thanks for posting this solutions. Will take into account for future clients setup.
For now, font have been installed on our server and modified for each template manually in the default.css.

Regards,
fsh22