Typefaces in CSS Profiles

What are typefaces in CSS profiles?

Typefaces in CSS profiles allow you to apply different typefaces to individual sites and portals within the same environment. The Branding > Typefaces settings in the Admin Console set a single custom typeface for the entire environment. CSS profiles extend this capability by letting you specify a typeface per profile and apply different profiles to different sites and portals.

For example, a company with different brand guidelines for internal and external content can apply one typeface to their internal-facing sites and a different typeface to their external-facing portals.

Scroll or drag to pan · ⌘+/⌘− to zoom · Esc to close

When to configure typefaces in CSS profiles

There are three ways to use typefaces in Appian:

Use	When	Result
The standard Appian typeface (Open Sans)	Your organization does not require a custom typeface	Open Sans applies to all CSS profiles, sites, and portals in the environment
A single custom typeface set as the default	Your organization requires a specific typeface that applies to all sites and portals	The default typeface from the Admin Console Typefaces tab applies to all CSS profiles, sites, and portals in the environment
Different typefaces configured in CSS profiles	Your organization requires different typefaces for different sites or portals	Each site or portal uses the typeface configured in its selected CSS profile

Prerequisites for configuring typefaces in CSS profiles

Before configuring the typeface in a CSS profile, upload at least one custom typeface in the Admin Console > Typefaces settings. For instructions, see Custom Typefaces.

Configure typefaces for sites and portals

Configuring a typeface in a CSS profile overrides the environment's default typeface for any site or portal that uses that profile.

To configure a typeface for a site or portal:

1. In the Admin Console, go to the Branding > CSS Profiles settings.
2. Create a CSS profile or open an existing one.
3. In the CSS profile, select a Typeface.
4. In the site or portal object, select the CSS profile.
5. Click SAVE CHANGES.

Import and export CSS profiles with typefaces

CSS profiles and typefaces are exported separately. When importing CSS profiles, if the referenced typeface doesn't exist in the target environment, the CSS profile updates to use the environment's default typeface.

To avoid breaking the relationship between a CSS profile and its selected typeface in the target environment, either import typefaces and CSS profiles together, or import typefaces before importing CSS profiles.

How the default typeface affects CSS profiles

The default typeface is configured in the Admin Console Branding > Typefaces settings. The standard Appian CSS profile always uses the default typeface.

Changing the default typeface updates all CSS profiles using that default. Sites reflect the change immediately. Portals require republishing.

When a typeface is deleted, any CSS profile that referenced the deleted typeface reverts to the default typeface.

Feedback