How to modify the default fonts in MediaSpace and KAF applications?

Use the Styling Module to modify the default font in MediaSpace and KAF applications.
Administrators may apply a different font from the Fonts select list or add fonts manually to the custom CSS and Fonts select list on the Styling page.
This article describes both options.

To apply a font from the select list

  1. Log into the KMS/KAF admin page.
  2. Navigate to the Styling Module.
  3. Enable the module and save your changes.
  4. Click on the description link to go to the Styling Page.
  5. In the Fonts & Text tab, select the desired font from the Fonts drop-down list.
  6. Click on the Actions drop-down menu and select Save Changes. This saves your settings locally on the styling page only.
  7. Click Preview. This opens the KMS/KAF site in preview mode and displays the new style without applying it to your instance for all users to see.
  8. Click on Apply to Site if you want the new style to take effect in KMS/KAF site for all users to see.

If a custom CSS already exists (referred to as an "additional CSS" in the KMS/KAF admin "Cssupload" Module), it will override the style you added with this module.

To apply custom fonts

  1. Log into the KMS/KAF admin page.
  2. Navigate to the  Styling Module.
  3. Enable the module and save your changes.
  4. Click on +Add "fonts"
    1. Add the familyName. This name is used in the CSS and is appended to the Font select box on the styling pa.
    2. Add the 
    3. Select the font assets source type.
      System font - use world-wide supported font by name
      Import from URL - use external font service (like Google Fonts)
      Upload files - Upload your own font asset files
  5. Click Save.
  6. Click on the description link to go to the Styling Page.
  7. In the Fonts & Text tab, select the newly added font from the Fonts select box.
  8. Click on the Actions drop-down menu and hit Save Changes. This saves your settings locally on the styling page only.
  9. Click  Preview.  This opens the KMS/KAF site in preview mode and displays the new style without applying it to your instance for all users to see.
  10. Click on Apply to Site if you want the new style to take effect in KMS/KAF site for all users to see.

The following video demonstrates how to upload multiple file assets that pertain to the same family but with different weights and styles (e.g. one file for regular, one for bold).

The isCssApplied field indicates whether the style created in the Styling Module is applied on the site or not.
If a style is applied on site, the isCssApplied setting will change automatically to yes. Otherwise, it will be set to no. 

To learn more about the Styling module capabilities, please refer to Kaltura MediaSpace Global Style Settings.





In This Article
Was this article helpful?
Thank you for your feedback!