HtmlArea font

Hi team,

I added HtlmArea to pdf Page, but can you advise me how can I add custom font for HtmlArea. Below is html content:

<ul>
   <li><font face="Angle"><span style="font-size: 22px;">Item1</span></font></li>
   <li><font face="Angle"><span style="font-size: 22px;">Item2</span></font></li>
   <li><font face="Angle"><span style="font-size: 22px;">Item3</span></font></li>
</ul>

Thanks & Regards

Posted by a ceTe Software moderator

Hello,

You can use CSS styles to set the font for the unordered list. Below is the syntax. The specified font must be installed on the system.

<!DOCTYPE html>
<html>
<head>
<style>
.customFont {
font:20px "Verdana";
}
</style>
</head>
<body>
<ul class="customFont">
   <li><span>Item1</span></li>
   <li><span>Item2</span></li>
   <li><span>Item3</span></li>
</ul>
</body>
</html>

Thanks,
ceTe Software Support Team

Thanks for your supporting,

One more question, could we load fonts for FormattedTextArea using FontFamily then share for HtmlArea?

Thanks & Regards

Posted by a ceTe Software moderator

Hello,

The DynamicPDF Generator for .NET product does not support setting FontFamily object to HtmlArea, similar to FormattedTextArea. You will need to use CSS styles to set the required font to the HtmlArea.

Thanks,
ceTe Software Support Team

Hi,

I tried to install the fonts to the system then use it in css, but some fonts work and others is not. Could you adivse me how can I solve it

Thanks

Posted by a ceTe Software moderator

Hello,

Can you please send over the following details to support@dynamicpdf.com so we can look into it further?

1.        HTML file.
2.        Font files.
3.        Code sample which uses static data to recreate the behavior.
4.        Output PDF file.
5.        More details on issue you are facing on your end.

Also please include the forum link in your email.

Thanks,
ceTe Software Support Team

Hi,

I have the same issue . I installed Karantina and Great Vibes fonts to the system and I'm trying to use them in HtmlArea.

I suppose the only difference with the case is I’m using the this HtmlArea constructor: HtmlArea(string text, float x, float y, float width, float height); instead of the one with the argument Uri.

This is my text argument:

string input = @”
<head>
            <style>
            .customFont {
            font:20px ""Karantina"";
            }
            </style>
            </head>

      <p align = ""justify"" style = ""font-size:10px"" class =""customFont"" ><font face = ""Great Vibes"" style = ""font-size:30px"" > You can change the text-align </font > by clicking on one of the properties on the left...</ p >”

Code sample:

      HtmlArea fta = new HtmlArea(input, 50, 50, 250, 250);

In the output pdf, there are no Karantina or Great Vibes fonts.

Posted by a ceTe Software moderator

Hello,

We tested this and are unable to recreate the behavior. Please make sure the specified fonts are installed on the system where in the application is running.

HtmlArea looks for the fonts in the C:\Windows\Fonts folder. If the specified fonts are not installed on the machine, then it will use Arial as the default font.

Also, you can place the fonts in a folder and set that folder path as resource for fonts. This will tell HtmlArea to look fonts in this folder.

Here is a code sample.

         GlobalSettings.PathToFontsResourceDirectory = @"C:\Temp\Resource";
            string input = "<head>" +
         "<style>" +
         ".customFont {" +
         "font: 20px Karantina;" +
         "}" +
         "</style>" +
         "</head>" +
         "<p align=\"justify\" style=\"font-size:10px\" class=\"customFont\">" +
         "<font face=\"Great Vibes\" style=\"font-size:30px\">You can change the text-align</font> by clicking on one of the properties on the left...</p>";

            Document document = new Document();
            HtmlArea htmlArea = new HtmlArea(input, 0, 0, 500, 650);
            Page page = new Page();
            page.Elements.Add(htmlArea);
            document.Pages.Add(page);
            string output = @"C:\Temp\MyDocument.pdf";
            document.Draw(output);

Thanks,
ceTe Software Support Team

HtmlArea font

DynamicPDF CoreSuite for .NET (v10) Forum