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

Moderators: ArturoRobles, 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.

I use PM 3.4. Android push works while IOS push do[…]

[quote=ziadeh post_id=823031 time=1550759948 user_[…]

I have to support reports in processmaker 3.4. A s[…]

The link no longer exists because PM only supports[…]