Adding Custom Fonts into WebIQ with CSS

I am attempting to add in a new font of TTF format into the WebIQ environment.

I have uploaded all ttf files into the following font folder:

And have also added a new CSS file and added the importing line to fonts.css

ย 

with following codes:

ย 

I have then, also restarted WebIQ Developer but yet the option for bosch-office font is still not available in the developer.

ย 

Does anyone know if i am missing certain steps here?

BR, Stanson

ย 

Best reply by webiq-sk

The thing you did on your CSS code is defining the fonts, just not using it. This is not a WebIQ question, but a general CSS question.
Just set the fonts the way you want to use them (I don't know, so I can't give specific advice).

Setting all fonts on the page not overridden by IQ styling to BoschOfficeSans:

body {
ย  ย  font-family:'BoschOfficeSans',Verdana,Arial,Tahoma,sans-serif;
}

Maybe you have to add an !important at the end.

You can find more info online:ย https://www.w3schools.com/css/css3_fonts.aspย 
See the manual on how to create custom CSS:ย https://www.smart-hmi.com/user/download/deliver/docs/documentation-manual-webiq-designer-2.15-ee64/index.html#cssย 

View original
font-Bosch-office.css
826B
5 replies