How can i change my font size to responsive

[benchan95]

Hi,

i am trying to change my font size to responsive, so that it will be able to view the complete text in any devices. 

For example,

Thanks in advance 😀

[sdidier · Accepted solution]

Hello Benchan, 

I have tested this solution with StyleSheet :

https://www.w3schools.com/howto/howto_css_responsive_text.asp

It seems works fine.

Please find attached an example Project.

More details about this example :

• In 2D Canvas, a Grid and a Label Widgets have been added
• Grid Widget is to control the size of the Label
• If the text has a big size in a big screen, it can be truncated
• In PROJECT Panel, in STYLES > Application, this CSS has been added :

.label_font_size_responsive {
  font-size:10vw;
}

• This CSS class is used in the Label Widget in the Property named Class
• We entered this value label_font_size_responsive

• Is it helping you ?

Best regards,

Samuel

[benchan95]

Thanks alot samuel, it works perfectly!! 😀