Questions and discussion about developing processes and programming in PHP, JavaScript, web services & REST API.

Moderator: ArturoRobles

Forum rules: Please search to see if a question has already asked before creating a new topic. Please don't post the same question in multiple forums.
User avatar
By amosbatto
Where in a process maker install should you put fonts you want to call from your skin's css file? and what should the url be for the location within the css file?
User avatar
By amosbatto
Place the font files in this directory for a manual install:

In a Bitnami install, the directory is:

Then, add the following to your .css file in the skin:
Code: Select all
@font-face {
  font-family: "myfont";
  src: url('../fonts/myfont-Bold.ttf') format('truetype'), 
    url('../fonts/myfont-Italics.ttf') format('truetype'), 
    url('../fonts/myfont-Regular.ttf') format('truetype');
Then, you can use the font name in your CSS definitions.
See: ... t-face/src
By mohamad
Dear Amosbatto,
I added my fonts to below dirctory
Also, I added them to below dirctory

After that, I added some codes in the below directory:

@font-face {
font-family: "Yekan";
src: url('/skins/neoclassic/fonts/Yekan.woff') format('woff'), url('/skins/neoclassic/fonts/Yekan.ttf') format('truetype'), url('/skins/neoclassic/fonts/Yekan.svg') format('svg');


I did not see any change in PM workflow. I want to have my special font in dynaforms and the other parts? how can I do that?
I would be appreciated if you could help me with this.
Looking forward to your valuable comments.
Kind Regards
By mohamad
Dear Amosbatto,
I'm deeply grateful for your perfect answers. All of them are excellent and easy to understand.
Last edited by mohamad on Tue Sep 03, 2019 7:36 am, edited 1 time in total.
User avatar
By FitBoy01
The Verdana, Geneva font family is web safe so you will not need to add files to the font folder.
The classes that handle the editors css are as follow:
Code: Select all
.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: top;
background: transparent;
text-decoration: none;
color: #333333;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-shadow: none;
float: none;
position: static;
width: auto;
height: auto;
white-space: nowrap;
cursor: inherit;
-webkit-tap-highlight-color: transparent;
line-height: normal;
font-weight: normal;
text-align: left;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
direction: ltr;
So to change the font family and size you will need to add this to your css file.
Code: Select all
.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
font-family: Verdana,Geneva,sans-serif;
font-size: 11px;
The file that has the above code needs to be called after the Bootstrap.min.css file in the header otherwise it will be overwritten.
Hope that helps.
By mikeljems1
In the Presentation section, in the Skin field, click the properties icon. Select the application into which you want to upload the custom fonts.
Display information in the grid

Yes, both networks have the same identifiers But I[…]

Hi, Very good Please describe your working method […]

Configuring different environments

This is a good wiki link. But whenever i want to s[…]

Hi Instead of using a drop down in the form and pl[…]