Font Sizing Issue

[johnsmith0251]

I'm having a weird issue and I'm not sure what to do.

I select a font and the size I want. Then after I publish, the size changes to something else.

For example ... I select Google Font Reboto Bold 40px and after publishing it shows as Reboto 53px.
I tried a "web safe font" ... Selecting Arial 32px and after publishing it shows as arial 43px.
Regardless if I preview or publish ... it's the same problem.

I'm on Windows 11.

I gave the copy of the file to someone else that I know on Windows 10 (different country) to test and upload to the server and they have the same issue. When they check from their PC in preview - same issue.

I had someone use developer tools from their mac to check - same issue.

I've also tried a new project ... same issue.
I've reset all settings to defaul ... same issue.

I've tried it with high dpi support checked and unchecked.
I've tried it with direct2d checked and unchecked.
I've tried testing in chrome and edge.

Here is a link to the test file:
https://drive.google.com/file/d/1fvF2Ds ... sp=sharing

Super frustrated ... Any thoughts?

[alan_sh]

Have you enabled High DPI support?

Alan

[johnsmith0251]

I've tried it enabled and disabled. Along with computer restarts.

Have you enabled High DPI support?

Alan

[BaconFries]

Ok maybe this will explain When you select a font size in WWB it is in pt (points) and the output will show as px (pixels) as it is in the html. In this instance when you have selected 40 it is in pt (points)not pixels. A quick sum of how this works in Web Design is this 1 point (pt) is approximately equal to 1.333 pixels (px). This means that 1 pixel is roughly 0.75 points. So 40pt x 1.333px = 53.32px and 32pt x 1.333 = 42.656 or rounded to 43px

See the following table that shows pt to pt.

[johnsmith0251]

Incredible @BanconFries!

I had no idea that wwb uses points for font sizing. Is there a reason it does? Is this a standard thing? Is there a way to change it in WWB to px?

I want to hug you right now.

Ok maybe this will explain When you select a font size in WWB it is in pt (points) and the output will show as px (pixels) as it is in the html. In this instance when you have selected 40 it is in pt (points)not pixels. A quick sum of how this works in Web Design is this 1 point (pt) is approximately equal to 1.333 pixels (px). This means that 1 pixel is roughly 0.75 points. So 40pt x 1.333px = 53.32px and 32pt x 1.333 = 42.656 or rounded to 43px

[BaconFries]

I believe it (stand to be corrected) is that WWB in many ways is based on the likes of Desktop Publishing which uses pt(points) for text and it final output is pixels. Word uses the same and as WWB uses richedit that could also explain.

[johnsmith0251]

I also found this (not sure how accurate this is)...

Think about this way. You have two phones side by side. One 4” screen has a resolution is 320x480. The other 4” screen has a resolution of 640x480 (therefore higher pixel density).

A 100px image will appear physically larger on the first device. A 100pt image would physically appear the same on both devices.

It looks like it also ties in to resolution.

I believe it (stand to be corrected) is that WWB in many ways is based on the likes of Desktop Publishing which uses pt(points) for text and it final output is pixels. Word uses the same and as WWB uses richedit that could also explain.

[Pablo]

Baconfries is correct.
Word uses the same font point sizes in the editor and as WWB uses 'richedit'.

The generated HTML output pixels to make sure the sizes are the same relative to other objects.