Site Designer:

I have been attempting to use an Irish-language typeface that is essential for our purposes. Both .ttf and .otf formats exist, but despite following the instructions online tutorials provide, it does not appear in the menu choices at present. I write 'at present' because at one time it actually DID show up on the list, but did not show up when applied to text.

If the name of the custom font is given (and the address of the website from which it was downloaded), perhaps someone will try to apply that font to text in Site Designer. If successful, that person may be able to help by showing the exact steps taken, either in writing here or in a screen video.

Frank

Go to the site https://www.fontsquirrel.com/ and search for the font you want to use. (It may not be there, but you may find some others that come pretty close if you search for calligraphic fonts). Look for where it says 'Webfont kit' and download the 'woff' version of the font. Then you can import it as a custom font in Site Designer.

To my post above: Here is a wee example.

It is also possible to convert the .ttf version to .woff according to this site: https://convertio.co/ttf-woff/
I have not tried it, but is seems easy.

Experimenting with Inger's project file reveals a possible explanation of the problem mentioned in the first post of this thread.

1. If one deletes the custom font from Resources and then immediately continues using the font in text elements, the font name continues to appear in the font list, and the font is applied in the Site Designer canvas. The font isn't, however, applied when using Preview, 'Preview on ... ' or exporting the project.

2. If one then saves and closes the project file and then reopens it, the custom font may remain in the list but won't work even on the Site Designer canvas.

The important thing is to ensure that the custom font file isn't removed from Resources. It may well be expected that, once the font appears in the font list, the Resource file is fully integrated in the project and is therefore no longer needed in Resources. That false expectation is reinforced by what happened in the two experiments mentioned above.

It is also important to remember that, unlike component files saved to the Component Library (which persist between projects), custom font files need adding to Resources in each individual project file in which they are to be used.

Frank

We use the following website to convert fonts to a WOFF format. This site is great and very straight forward.

https://fontconverter.com/

Just curious. I was having some custom font issues and stumbled on to this post. In the CC Site Designer guide it states: The app comes preloaded with a wide collection of Google Fonts. However, you also have the option to import a custom font. For maximum browser support, you may use EOT, TTF, WOFF, WOFF2, and SVG file formats.

I struggled with my custom font for hours before finding this post. When I converted the TTF file to WOFF it fixed all of my problems. Even though the CC guide lists multiple font formats, is WOFF preferred?

When I come across sites that only use one of these formats, they seem to use woff2. It's the most compact format.