Question

Answer

To accomplish this, access to the Operating System where Digital Hive is installed will be required. It is not possible to enable a custom font through the Digital Hive web interface.

With the required custom font css file accessible, the next steps will be to add the css file to the Digital Hive installation files.   

1. On the Digital Hive server, open File Explorer  
2. Navigate to the <install_directory>\app\node1\tomcat\webapps\theia\modules\myCustomFonts\fonts directory
3. Create a new folder that will be the root for the custom font(s). In this example, the new folder was named Apparat
   
4. Copy the css file for the new font into the Apparat folder. The result should look like this:
   

1. Open the custom font css file and locate the font-family name and category. Look for an entry similar to this:
2. In this example, the font-family name is apparat and the category is sans-serif
   
   
   
3. Looking at the contents of the file, there should be entries similar to this:
   
   
   
4. Note all the different unique font-styles and font-weight values. In this example, normal and italic are the font-styles and 300, 400, 600, 700 are the font-weights
5. Close the file
6. Navigate to the myCustomFonts folder and open the index.js file in a text editor
7. Paste the bolded text below into the “main” section of the manifest.json file
   
     // First we import the CSS files for our typeface...
   
     importCSS('fonts/BloggerSans/BloggerSans.css');
     importCSS('fonts/BloggerSans/BloggerSans-Italic.css');
     importCSS('fonts/BloggerSans/BloggerSans-Bold.css');
     importCSS('fonts/BloggerSans/BloggerSans-BoldItalic.css');
    

   importCSS('fonts/Apparat/Apparat-preserve_css.css'); 
   

   

   
   

   

   Don’t forget to include the ; after the previous line otherwise the code snippet won’t be interpreted correctly
   

   
   
8. Paste this snippet of code before the final }; characters at the end of the file 
   
      registerTypeface({
   
       fontId: 'apparat', // this needs to match the 'font-family' used in the CSS files
       fontName: 'Apparat', // Human-readable name
       weights: [300, 400, 600, 700],
       styles: ['normal', 'italic'],
       category: 'sans-serif'
     });
   

   

   Replace the fontID, weights, styles, and category values with the ones that were noted during the previous steps. The fontName value is what will appear in the Digital Hive UI

   
   
9. Save the index.js file

1. In the <install_directory>\app\node1\tomcat\webapps\theia directory, edit the config.json file
   
2. Locate the "modules" entry and register the custom font by typing "myCustomFonts" between the square brackets [ ]
3. The final line would be  "modules": ["myCustomFonts"],
4. Save the config.json file

​