Text fonts and HTML5

Bringing your stacks to the web

Moderators: heatherlaine, Klaus, FourthWorld, robinmiller, kevinmiller

Post Reply
Eopin
Posts: 18
Joined: Tue Aug 16, 2016 11:44 am

Text fonts and HTML5

Post by Eopin » Thu Jan 04, 2018 5:53 pm

Hi,

I have a very simple question... In all HTML5 examples I've tried myself, the text looks bad. Especially if the text size is 12 or larger, it is very coarse and not scaled properly.

I've tried using Arial or Verdana, and I've included the TTF file in the standalone using "Copy files". I've added "start using font" in "preOpenStack". But they have no effect.

What am I missing?

BR,
Pauli

[-hh]
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 1780
Joined: Thu Feb 28, 2013 11:52 pm
Location: Göttingen, DE

Re: Text fonts and HTML5

Post by [-hh] » Sat Jan 06, 2018 1:12 am

Add the fonts you need (best only such that are UTF-8 complete), as you did.
And set the stack's or card's or field's textfont to one of that fonts.
That's all. Don't use "start using ..." what doesn't work in HTML5 standalones.
shiftLock happens

Eopin
Posts: 18
Joined: Tue Aug 16, 2016 11:44 am

Re: Text fonts and HTML5

Post by Eopin » Sun Jan 07, 2018 12:08 pm

Thanks. Using DP-11,

- I create a new stack, I set the stack font to be Verdana or Arial, font size 20
- I place one button or field in the stack; I either don't set the font or set it to the same value as above
- I include the TTF file and create the HTML5 standalone

The text in the button or field looks awful.

If I use smaller fonts, such as 10 or 12, the phenomenon is not that visible but it is there.

Do large fonts work for you? What am I doing wrong?

Pauli

[-hh]
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 1780
Joined: Thu Feb 28, 2013 11:52 pm
Location: Göttingen, DE

Re: Text fonts and HTML5

Post by [-hh] » Sun Jan 07, 2018 5:16 pm

From other reasons I currently don't do HTML5 deployment and also I don't develop in dp11.

Until dp10 such font settings worked out of the box (although the fallback font was UTF8-uncomplete).

Now I tested with LC 8.1.8 and LC 9.0.0-dp11 and had the same bad results as you.
Tested on MacOS 10.13.2

You should urgently report the bug.
HTML5 deployment is not usable with that.

Hermann
Attachments
fonttest2.png
HTML5 display
fonttest2.png (6.23 KiB) Viewed 744 times
fonttest3.png
Settings
fonttest3.png (15.01 KiB) Viewed 744 times
fonttest1.png
IDE display
fonttest1.png (10.67 KiB) Viewed 745 times
shiftLock happens

Eopin
Posts: 18
Joined: Tue Aug 16, 2016 11:44 am

Re: Text fonts and HTML5

Post by Eopin » Sun Jan 07, 2018 7:09 pm

Dear Hermann,

Thank you very much, danke schön!

I've contacted the support.

Best regards,

Pauli

Eopin
Posts: 18
Joined: Tue Aug 16, 2016 11:44 am

Re: Text fonts and HTML5

Post by Eopin » Mon Jan 08, 2018 9:48 pm

Hi,

LiveCode's support confirmed this. This is filed now:

http://quality.livecode.com/show_bug.cgi?id=20839

A bit recursive text :-) I hope this will be fixed soon.

BR,

Pauli

Post Reply

Return to “HTML5”