PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
  • Overview
  • How to proceed?
  • Managing fonts
  • Creating a font family
  • Importing a font
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Others
Stored procedures
Overview
The browser support the most common fonts by default: Arial, Verdana, ...
WEBDEV gives you the ability to use custom fonts that differ from the ones proposed by default.
How to proceed?

Managing fonts

When creating or modifying a style, you have the ability to select a font among the standard fonts.
You also have the ability to select new fonts. These fonts can come from:
  • the development computer (these fonts have been installed on your computer in Windows).
  • a download operation (downloaded Google fonts for example).

Creating a font family

To add a font family:
  1. Open the window for managing styles ("Style" tab of control description).
  2. In the "Fonts" area, click the "..." button:
    The window for font management is displayed.
    This window presents all the fonts installed.
  3. Click "New" to create a new set of fonts.
  4. You can:
    • select a font installed on the computer.
      To add it to the family, click .
    • Versions 18 and later
      select a downloadable font installed on the computer. To add it to the family, click .
      New in version 18
      select a downloadable font installed on the computer. To add it to the family, click .
      select a downloadable font installed on the computer. To add it to the family, click .
    • Versions 18 and later
      import a font (see Importing a font). When the font is imported, all you have to do is add it to the family by clicking .
      New in version 18
      import a font (see Importing a font). When the font is imported, all you have to do is add it to the family by clicking .
      import a font (see Importing a font). When the font is imported, all you have to do is add it to the family by clicking .
  5. Select the requested set of fonts for the current style.
  6. Validate the window for managing the sets of fonts. The selected font is applied to the current style.
Versions 18 and later

Importing a font

To import a new font:
  1. In the window for managing the families of fonts, click "Import a font".
  2. The wizard for importing a font starts.
  3. Select the mode for importing the font:
    • Import a Google Web Fonts font:
      • The wizard proposes the list of Google fonts to import.
      • Select the requested fonts. You have the ability to view a sample of the font by double-clicking its name.
      • Validate. The fonts are downloaded and installed on the current computer.
    • Import a font from files: The wizard allows you to select the files corresponding to the different formats of the font:
      • True Type file
      • Embedded Open Type file
      • Web Open Format file
      • Scalable Vector Graphics file
      • Validate. The selected fonts are installed.
Notes:
  • Make sure that the files used for the the fonts are free of rights or that you have a license allowing you to distribute them.
  • If you import a font and create a set of fonts, the files corresponding to this font are copied into the "<Project_name>_WEB\Styles\fonts" sub-directory. Therefore, they will be automatically taken into account when installing the site.
Caution: Font families containing imported fonts:
Before using a downloaded font, it must be included in a family of similar fonts.
If the font family contains the downloadable font only, the following case can be noticed: if the font is not found on the browser:
  • the Times font is displayed by default while the requested font is downloaded.
  • if the font cannot be downloaded, the Times font is still displayed.
To avoid displaying an unwanted font, we advise you to create a font family containing the following elements:
  • the fonts to download,
  • one or more substitution fonts corresponding to the fonts of main systems,
  • one or more fonts corresponding to the most common fonts,
  • the associated type of font families. The list of types of font families is as follows:
    • "cursive": handwritten style,
    • "fantasy": like Impact,
    • "monospace" like Courier,
    • "sans-serif" like Arial,
    • "serif" like Times.
If the first font is not found, the first one found in the list and on the computer will be used.
Example: The following font family is defined: "Open Sans, Segoe UI, Arial, Helvetica, sans-serif". If the "Open Sans" font is not found, the "Segoe UI" font will be used, otherwise the Arial or Helvetica font will be used. These fonts are well-know fonts to have correct alternatives. If these two fonts are not found, the first available font without serif will be used.
New in version 18

Importing a font

To import a new font:
  1. In the window for managing the families of fonts, click "Import a font".
  2. The wizard for importing a font starts.
  3. Select the mode for importing the font:
    • Import a Google Web Fonts font:
      • The wizard proposes the list of Google fonts to import.
      • Select the requested fonts. You have the ability to view a sample of the font by double-clicking its name.
      • Validate. The fonts are downloaded and installed on the current computer.
    • Import a font from files: The wizard allows you to select the files corresponding to the different formats of the font:
      • True Type file
      • Embedded Open Type file
      • Web Open Format file
      • Scalable Vector Graphics file
      • Validate. The selected fonts are installed.
Notes:
  • Make sure that the files used for the the fonts are free of rights or that you have a license allowing you to distribute them.
  • If you import a font and create a set of fonts, the files corresponding to this font are copied into the "<Project_name>_WEB\Styles\fonts" sub-directory. Therefore, they will be automatically taken into account when installing the site.
Caution: Font families containing imported fonts:
Before using a downloaded font, it must be included in a family of similar fonts.
If the font family contains the downloadable font only, the following case can be noticed: if the font is not found on the browser:
  • the Times font is displayed by default while the requested font is downloaded.
  • if the font cannot be downloaded, the Times font is still displayed.
To avoid displaying an unwanted font, we advise you to create a font family containing the following elements:
  • the fonts to download,
  • one or more substitution fonts corresponding to the fonts of main systems,
  • one or more fonts corresponding to the most common fonts,
  • the associated type of font families. The list of types of font families is as follows:
    • "cursive": handwritten style,
    • "fantasy": like Impact,
    • "monospace" like Courier,
    • "sans-serif" like Arial,
    • "serif" like Times.
If the first font is not found, the first one found in the list and on the computer will be used.
Example: The following font family is defined: "Open Sans, Segoe UI, Arial, Helvetica, sans-serif". If the "Open Sans" font is not found, the "Segoe UI" font will be used, otherwise the Arial or Helvetica font will be used. These fonts are well-know fonts to have correct alternatives. If these two fonts are not found, the first available font without serif will be used.

Importing a font

To import a new font:
  1. In the window for managing the families of fonts, click "Import a font".
  2. The wizard for importing a font starts.
  3. Select the mode for importing the font:
    • Import a Google Web Fonts font:
      • The wizard proposes the list of Google fonts to import.
      • Select the requested fonts. You have the ability to view a sample of the font by double-clicking its name.
      • Validate. The fonts are downloaded and installed on the current computer.
    • Import a font from files: The wizard allows you to select the files corresponding to the different formats of the font:
      • True Type file
      • Embedded Open Type file
      • Web Open Format file
      • Scalable Vector Graphics file
      • Validate. The selected fonts are installed.
Notes:
  • Make sure that the files used for the the fonts are free of rights or that you have a license allowing you to distribute them.
  • If you import a font and create a set of fonts, the files corresponding to this font are copied into the "<Project_name>_WEB\Styles\fonts" sub-directory. Therefore, they will be automatically taken into account when installing the site.
Caution: Font families containing imported fonts:
Before using a downloaded font, it must be included in a family of similar fonts.
If the font family contains the downloadable font only, the following case can be noticed: if the font is not found on the browser:
  • the Times font is displayed by default while the requested font is downloaded.
  • if the font cannot be downloaded, the Times font is still displayed.
To avoid displaying an unwanted font, we advise you to create a font family containing the following elements:
  • the fonts to download,
  • one or more substitution fonts corresponding to the fonts of main systems,
  • one or more fonts corresponding to the most common fonts,
  • the associated type of font families. The list of types of font families is as follows:
    • "cursive": handwritten style,
    • "fantasy": like Impact,
    • "monospace" like Courier,
    • "sans-serif" like Arial,
    • "serif" like Times.
If the first font is not found, the first one found in the list and on the computer will be used.
Example: The following font family is defined: "Open Sans, Segoe UI, Arial, Helvetica, sans-serif". If the "Open Sans" font is not found, the "Segoe UI" font will be used, otherwise the Arial or Helvetica font will be used. These fonts are well-know fonts to have correct alternatives. If these two fonts are not found, the first available font without serif will be used.
Minimum required version
  • Version 9
Comments
Click [Add] to post a comment