I've encountered an issue with the "modern-screenshot" tool where the font does not render as expected when exporting an image. Below are the details of the issue:
Description:
When using the domToJpeg method to export an image of a videoContainerElement, the resulting image does not display the text in the correct font. Instead of the expected font, the text appears in a default or fallback font. This issue occurs when exporting the image with a scale factor of 3.
Steps to Reproduce:
Navigate to a page.
Trigger the domToJpeg function with the following configuration:
Observe the exported image and compare the font style to the expected one.
Expected Behavior:
The text in the exported image should match the font style used in the element.
Actual Behavior:
The text in the exported image defaults to a different font, ignoring the specified font style in the element.
Screenshots:
Expected font rendering:
Actual font rendering in the exported image:
Environment:
OS: [Your Operating System]
Browser: [Your Browser]
Version of modern-screenshot: [The version you are using]
I've tried to look into the options and saw some css and fonts options but i'm not sure if those are the one I need. Is there a known workaround or fix for this issue?
Hello,
I've encountered an issue with the "modern-screenshot" tool where the font does not render as expected when exporting an image. Below are the details of the issue:
Description: When using the
domToJpeg
method to export an image of avideoContainerElement
, the resulting image does not display the text in the correct font. Instead of the expected font, the text appears in a default or fallback font. This issue occurs when exporting the image with a scale factor of 3.Steps to Reproduce:
domToJpeg
function with the following configuration:Expected Behavior: The text in the exported image should match the font style used in the
element
.Actual Behavior: The text in the exported image defaults to a different font, ignoring the specified font style in the
element
.Screenshots:
Environment:
modern-screenshot
: [The version you are using]I've tried to look into the options and saw some css and fonts options but i'm not sure if those are the one I need. Is there a known workaround or fix for this issue?
Thank you for your assistance.