Text fonts and HTML5

Bringing your stacks to the web

Moderators: FourthWorld, heatherlaine, Klaus, kevinmiller, robinmiller

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

Text fonts and HTML5

Post by Eopin »

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: 2262
Joined: Thu Feb 28, 2013 11:52 pm

Re: Text fonts and HTML5

Post by [-hh] »

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 »

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: 2262
Joined: Thu Feb 28, 2013 11:52 pm

Re: Text fonts and HTML5

Post by [-hh] »

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
HTML5 display
HTML5 display
fonttest2.png (6.23 KiB) Viewed 10628 times
Settings
Settings
fonttest3.png (15.01 KiB) Viewed 10628 times
IDE display
IDE display
fonttest1.png (10.67 KiB) Viewed 10629 times
shiftLock happens
Eopin
Posts: 18
Joined: Tue Aug 16, 2016 11:44 am

Re: Text fonts and HTML5

Post by Eopin »

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 »

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