Font won't change?

Wappler General
1

A total n00b asking a question. I have finally fumbled my way through putting a paragraph on the page, and have successfully added the default style sheet, bootstrap, etc. I can now scroll down to the bottom of the properties bar and see the font properties of the paragraph, and see that I have a few limited fonts to choose from.

However, no matter what I do, nothing will change this font visually. I change the font to cursive, or fantasy, or Tahoma, and the properties field show that the change has happened, but the font doesn’t look any different. I see that some of the elements of the properties are being overriden by changes made in the AppStructure tab, but there’s no way to change font there (you can only change font style, etc). There also seems to be nowhere to specify font sizes other than just choosing from coarse display types like “Header 1”.

What am I doing wrong? Why own’t the font change? Thanks for any help…expert in graphic design tools like Phoitoshop and Illustrator, n00b at web design.

2

Hi Charles, welcome aboard.

Web design adheres to a completely different set of rules to graphic design. Where the latter is self contained and static, web design has to accommodate the limitations set upon us by the browser. The browser understands markup language (HTML), style rules (CSS) and action scripts (JavaScript). Furthermore, fonts are grabbed from the client machine which means that if you stipulate the use of a certain font and it is not available on the client computer, then the browser will default a font that is available.

Because your question is of a general nature, I will give you a link that will help you with the Wappler included CSS framework called Bootstrap: https://www.w3schools.com/bootstrap4/default.asp

For web safe fonts, see https://websitesetup.org/web-safe-fonts-html-css/ or Google the subject.

If I have not answered your question please come back here. Further questions require a new topic.

Hope to meet again.

1 Like