Font not applied in web client

Classic Servoy
1

I have a problem with applying a font type in the web client. Somehow the CSS properties for fonts are not working in the web client, other properties on the same field or label do work.

I would like to have Verdana as the default font in all clients. The smart client works ok, but in the web client I always get the Lucida Grande font.

I’ve written the following CSS style for a field, and applied this styleClass to a field element on my form:

field.test {
	padding: 1px 1px 1px 1px;
	margin: 0;
	border-style: inset;
	border-width: 2px 2px 2px 2px;
	border-spacing: 0px 0px;
	border-color: #D4D0C8;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	}

The border, background-color, margin, etc. properties do work, but the font property isn’t. I’ve tried to set the font at the form level, but that doesn’t work too.
Is there maybe something I’m missing?!

2

Discovered something: when I set the ‘fontType’-property for a certain field/label to ‘DEFAULT’ then this label will have the correct font in web client… When set to a specific font, and no matter what I do in the CSS, it will show me the Lucida Grande font in web client… :?

3

Kaptan:
Discovered something: when I set the ‘fontType’-property for a certain field/label to ‘DEFAULT’ then this label will have the correct font in web client… When set to a specific font, and no matter what I do in the CSS, it will show me the Lucida Grande font in web client… :?

This is standard behaviour, what you set on properties of the element has higher priority than what you set via css.

4

But it doesn’t work as expected. When I set the fontType-property for example to ‘Verdana’, it will still show the Lucida Grande font on the web client.

5

Kaptan:
But it doesn’t work as expected. When I set the fontType-property for example to ‘Verdana’, it will still show the Lucida Grande font on the web client.

What do you mean? Do you set Verdana from css ? Then if the property from developer is Default it should display Verdana, if the property from developer is another font will display that one. Isn’t this what you get ?

6

Do you set Verdana from css ? Then if the property from developer is Default it should display Verdana, if the property from developer is another font will display that one. Isn’t this what you get ?

This works indeed. :D But I stumbled upon the following problem: If the property in Developer is set to DEFAULT, the webclient will use the correct CSS, but in developer the CSS-properties aren’t applied (also not in the smart client) except for the correct font-type. I.e. the font-style is set to 14pt bold, which is correctly applied in the webclient. But the developer and smart client shows a (standard) smaller font-size and -style. So, the font-type problem is solved, but there still is a discrepancy in developer/smart client and the web client concerning the size and weight of the font. :?

7

I think I understand what you mean now, if you have:

label {
font-size: 16pt;
}

it will be applied in web client but not in smart client. You can add a case for this in our support system:
http://crm.servoy.com/servoy-webclient/ … oy_support

Note that you can use:
label
{
font: normal 16pt Verdana;
}
in order to work well.