FONT ISSUES WITH PDF TO HTML CONVERSION
All "ti","fi","tt" characters are missing
SAMPLE SCREENSHOT
Font overlapping issue
SAMPLE SCREENSHOT
NOTE: I don't get this issue with firefox. Getting the above issues in chrome in safari browser
I AM USING
Using the 0.13.6 version of pdf2htmlEX
Using the following command to convert pdf to html
pdf2htmlEX --split-pages 1 --zoom 3 --fit-width 920 --correct-text-visibility 1 --dest-dir $1 $2 2>&1
TRIED
Using --fallback 1 option solves all my above problems. But
The fallback option reduces the clarity of document.
Table in the page disappears rather replaced with empty space.
DOUBTS
Could you please explain a bit more on fallback?
I have tried the above one (using fallback). Please suggest me if you prefer a different approach to solve the above problem with fonts.
Getting the above issues with chrome and safari whereas, in Firefox it is working fine.
The above issue occurs only in - webkit web browsers like chrome and safari - which provides support for ligatures - whereas browser like firefox does not.
A ligature is a combination of two or more letters joined as a single
glyph
Root cause
This issue with missing characters is due to ligature support provided by these modern browsers - let me explain how
1.The tool while converting - it converts characters to glyphs using poppler for rendering - now these browser when they come across characters like tt tf ti ff fi consider them to be ligature and searches for glyphs corresponding to tt and not t t
2.Since they do not have their corresponding glyphs - they just skip the characters and renders the rest - so, we fount the characters missing
Could be solved by
Disabling/ Turning-off the ligature in these browsers - embedding the css in the generating content
For more details please refer:
Prevent ligatures in Safari (Mavericks/iOS7) via CSS
Please correct me if I am wrong.
Related
After a few releases of google chrome browser a new bug appeared which was not in previous versions.
I have a web page which shows date and time in Arabic characters.
there is a picture:
it was just fine before updates, and it is fine in other browsers.
I don't know if the problem is from my code (not defining some thing) or it's chrome new bug.
and notice that I use a localizer for Iran.
and therefor my fonts are Persian and using UTF-8 char-set
note that just number between two slashes or two dots change and etc.
In a particular html file all "ti","fi","tt" characters are missing while viewing (The characters are there when we view it in inspect element).
eg: "Solution" is miss spelt "soluon".
Sample screenshot
The same html works well with FireFox. The above issue reproduces in Chrome and Safari.
Version
Chrome version : Version 50.0.2661.94 (64-bit)
Safari version : Version 9.0 (11601.1.56)
Kindly help me to sort this out.
The above issue occurs only in - webkit web browsers like chrome and safari - which provides support for ligatures - whereas browser like firefox does not.
A ligature is a combination of two or more letters joined as a single
glyph
Root cause
This issue with missing characters is due to ligature support provided by these modern browsers - let me explain how
1.The tool while converting - it converts characters to glyphs using poppler for rendering - now these browser when they come across characters like tt tf ti ff fi consider them to be ligature and searches for glyphs corresponding to tt and not t t
2.Since they do not have their corresponding glyphs - they just skip the characters and renders the rest - so, we fount the characters missing
Could be solved by
Disabling/ Turning-off the ligature in these browsers - embedding the css in the generating content
For more details please refer:
Prevent ligatures in Safari (Mavericks/iOS7) via CSS
Please correct me if I am wrong.
I've run into some SVG rendering bugs in all browsers except Chrome. The SVGs are all embedded in the HTML file, which is supported by all current browsers. However, most browsers get the colors wrong (which are just standard hex colors), while others fail to render some at all (and others just fine). Here's the source file and screenshots: http://awesomegeek.com/bugreport/bugreport.zip See for yourself and let me know if you can replicate it or come up with a solution.
I'm afraid your html file is invalid. You've got multiple elements with the same id e.g. linearGradient id="a". I know they occur in different svg fragments but you still can't do that, all Ids must be globally unique in the file. I think Firefox is drawing the icons correctly by picking out the first one of these in the file as a whole.
For the last couple of days my browser Chrome and then Firefox after I downloaded it (importing things from Chrome may have cause the problem there) have been displaying text improperly. I get ? in diamonds in place of some characters (symbols in other languages sometimes, commas and other symbols other times.) Also some text in CSS pages gets replaced E, these Es also show up on in links. Those links seem to display as HTML codes rather than links.
http://i224.photobucket.com/albums/dd150/ErikoKatsuragi/problem1_zpsca93c38a.jpg
http://i224.photobucket.com/albums/dd150/ErikoKatsuragi/problem2_zps67fe9865.jpg
I would later check internet explorer to find that these problems aren't there. My Browsers are displaying in Unicode. Is there anyway I can fix this myself or should I find a professional?
Uninstall and then again Re-install your browsers!!
This is an issue I can't recreate on all Operating systems or browsers but only on some. In out office, 2 of the 6 computer show deranged characters.
We are using the Google Web Font Amaranth. http://www.google.com/webfonts/specimen/Amaranth
See pic pls. (left is good, right is bad)
It could be any of the following things, Can you check / change to be consistent:
If you switch off CSS, do you still see the same behavior?
Whats the browser encoding on the machines / browsers where you see the problem vs where you don't?
What doctype and meta tags are you using?
Turns out it’s the local font manager, (font being activated in font explorer for example)
http://code.google.com/p/chromium/issues/detail?id=108645