Typography & Font Styles

?view=page&help=goldfish4&language=en

Typography is very important on websites. Goldfish supports the font system of HTML, rendering of text and Adobe Typekit. Because of this, all texts will be displayed similar on all devices.

In an new project you should define the default font styles, with the primarily used styles on the website, at first. These are the base for all texts on the website. Click on PROJECT on the top left in the project list, so that the project properties are visible. Then click on Project > Font Templates > Choose... and the Font Templates window will be opened.

Here you can define the default font styles that will be used on your website. If you do not explicitly set the font style for items, the default font styles are used.

You can also create additional fonts templates if you use certain styles often. A template can be selected in a Font Style window of an item. So you don't need to change the font style each time there.

Adds a new font template.

Duplicates a selected font template.

Delete a selected font template (not for default templates).

Opens the editor for font styles and you can edit the selected font template.

Double click on a font template to rename it.

Edit Font Templates and Font Styles

When you edit a font template, or you set the font style anywhere on the website, the Font Style window will appear.

The selected template at Font Template will set the basic font style. You can overwrite individual style properties with other styles. You can select the Master Template and more templates, that you have created.

Activate a checkbox to override a style property of the selected Font Template with a different style.

If you mainly use the same style on every page and in every text item, it is better to change the master template, rather than set the style in each single text item.

In general, fonts will only be displayed if they are installed on the device of the website visitor. Because of this, you can create lists of fonts in Goldfish, from that the first font, wich is installed on the device of the visitor, is used to display texts.

To do this, click on the button Alternative Font Family next to the font chooser and the Alternative Font Family window will be opened.

Add Alternative Font Family

Remove Alternative Font Family

Add alternative fonts that will be used when the required font was not found on the device of the website visitor. The list will be processed from top to bottom and the first font, that is installed, will be used to display text.

If none of the fonts can be found, a default system font will be used. You can set the basic characteristics for the standard font at Base Font Family.

Render Text as a Picture

You might want to use unusual fonts for headlines and other text. Usually this is not possible on a website, because the font must be installed on the device of the site visitor.

If you use unusual fonts, they will probably not displayed correctly.

If you use unusual fonts, enable Text > Render as picture in the properties of a Text item. After that, Goldfish will create an image with the text in the selected font. It can be shown on all devices, even if the font is missing there.

It is not recommended to use this option for long texts. Use this only for headlines. Otherwise, the size of your website will rise rapidly.

Embedded fonts with Adobe Typekit

Similar to a PDF document, fonts can be embedded in a website. The font don't have to be installed on the device the of the website visitor anymore then, but it will be loaded from the Internet. Because of the necessary licenses and because the font has to be stored in multiple formats, Goldfish supports the Service Adobe Typekit.

To use Typekit, you have to register at the service. Click on PROJECT on the top left and go to the properties. Click in the arrow below Typekit > Typekit ID and sign in. Copy the Kit ID after you have registered your website and paste it in Goldfish at Typekit > Typekit Kit ID.

After that, simply pic a font from the Typekit website and enter it in a Font Style window. Goldfish will displays the font in the editor and preview only if it is installed locally on your computer. Otherwise, the correct font will only appear on the published website and in the Font Style window, the message Goldfish can't show the font in the editor, because it is not installed on your computer. appears.


Did this help page answer your questions?

If you need additional assistance regarding this topic or if there's missing some information in this chapter, please write us.