I need to convert html with custom css fonts(#face-fonts) to image.I have evaluated html2image and flying-saucer but both fail to convert custom css font.
Below is the css font in html.
#font-face{font-family:'FuturaBT';src:url(../fonts/FuturaBT.eot?#iefix) format("embedded-opentype")
flying saucer requires ttf. I am not sure if eot is supported.
Related
I chose in RDLC (VS 2017) the Markup Type option: interpret HTML tags
can I force font for those placeHolders?
I would like to get the tags but to override the font. (I need ol, ul but not styles).
Any idea how to do it?
FontFamily can be override by setting the font property to a different size then default.
For example: setting the HTML placeholder to 10pt was ignored but setting to 12pt forced the whole HTML to be 12 pt.
I am using the grails rendering plugin v1.0.0 (https://grails.org/plugin/rendering) together with grails(v2.5.1) and the pdf generation does not work neither for the gsp's or the HTML components like checkboxes, textfields etc.. although for a basic text structured with a div components it renders a pdf and allows me to style it with css.. but I want to use i18n tags like g:message and then make things more complicated to solve..
Is there any reason for this?
Thank you
I created a svg element with d3.js which contains some elements now i want to export it on button click as pdf. Does someone know how to approach this?
When I draw it in a canvas I only get a blank page.
You can use the cloudformatter scripts to convert d3 svg to pdf. See http://www.cloudformatter.com/css2pdf. There are several different examples there showing svg to pdf from various charting and visualization libraries.
Get their Javascript or link to it, its jQuery so you need jQuery. You can format the <div> containing the D3 generated SVG with on line. Assuming the <div>'s id is "d3donut":
return xepOnline.Formatter.Format('d3donut', {srctype:'svg',render:'download',filename:'d3donut'});
There are several other functions to embed, convert to image format or other print formats.
The d3 specific samples are at http://www.cloudformatter.com/CSS2Pdf.SVGCharts.d3Charts
I can't seem to get the font awesome icons to load properly. The page in question can be found here: http://thelink.biz/AboutUs/
Am I loading the font awesome correctly or is there a conflict with Bootstrap?
You have the correct styling (line-height: 30px in stylesheet.css applying to the icons using .social-links > li a), but the order that you are loading the stylesheets in the page means that it is getting overridden by the default font awesome style. Make sure that you load stylesheet.css after the font awesome css files in your header.
I can see that you placed google analytics code wrogly at the top of the html file. Please place the code at the bottom of the html file & of course inside body tags.
Your <a> tags need some padding to push down the FontAwesome icons.
I was able to add
padding-top:7px
to the <a> and it fixed the centering of the icons.
I have dynamic content i'm outputting in a Footer element in a PDF w/ DDX & Coldfusion. Some of the records have long text, and do not automatically wrap, I have placed tags, tried padding/margin, all to no avail.
Any ideas?
It should be easy with <cfdocument format="PDF">. Maybe have org.pdf converted into an image using the make thumbnail action, then use cfdocument and HTML to style the footer? Not most efficient, but easiest.