more quick actions
minimize quick actions
Topic starter
Text rendering in Browsers [Bug: 202]
We have experienced that in Chrome on Windows the font size is not exactly the same as in PcVue or other Browser like Firefox and Edge. After some research we found out that characters are 1px more in width even if the same font size is set. Also the the spacing between characters is about 1.5 in size.
This leads to truncated text if the surrounding rectangle is configured almost the same size as the text in the PcVue graphic editor. There are two ways to avoid this issue:
Take the rendering difference into account when designing a PcVue mimic
If possible you can disable auto size for your text fields in Pcvue and resize the surrounding rectangle so that there is some space left on all sides of the text.
Disable DirectX rendering in Chrome
The reason why the text looks different between PcVue and Chrome is that they are using different rendering engines. While PcVue is using GDI to render text, Chrome uses DirectWrite which is based on DirectX. This two engines behave different in small details about text rendering. Firefox on the other hand is using also GDI and because of that it looks the same as in PcVue.
Anyway, it is possible to change a setting inside of Chrome to disable DirectDraw and use the classic way to render text. To do so you need to perform the following steps:
1. Start Chrome
2. Enter “chrome://flags/#disable-direct-write” in the address bar and confirm with Enter
3. Click the “Enable” Link in the “Disable DirectWrite” setting
4. Restart Chrome
After that the text is rendered the same way as in PcVue
Posted : 09/11/2015 5:28 pm