Text is not displaying properly, how do I fix it? - html

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!!

Related

strange square glyph appearing in Chrome for Windows

Chrome for Windows (v58) seems to add a glyph at the end of a h3 heading.
This square is also seen in the inspector but not in the source code.
It seems like Chrome isn't rendering the font completely as it should?
I'm using TT Hazelnuts from myfonts here.
There is no character missing from my line so doens't seem to be a special char issue or something.
The font is used throughout the site but it seems to only happen on some headers. Also other browsers don't have problems displaying the text correctly.
Changing text-rendering settings in CSS doesn't make a difference.
The site can be found at http://dev.everywhere.consulting (until is goes live)
I have been able to fix this by copying the text out of your editor, pasting it into the URL bar in Chrome on Windows (this will show you the strange square glyph), delete the square glyph there in the URL bar, then copy the text back into your editor.
Oddly enough, even source control will recognize the change but it won't appear to look any different.
Here I am doing it: https://i.imgur.com/Hr2s08j.gif

Strange LSEP Symbol Showing Up Randomly

The U+2028 LSEP character keeps showing up around my wordpress site. Through the inspector, I can see that it is a locally rendered font such as Helvetica or Times New Roman (from what I've seen). It does not show up on all browsers however, I've seen some browsers not display this character.
I've found this Why is this symbol showing up on Chrome and not Firefox or Edge? however it hasn't really helped in removing the character from my site.
Is there a way to remove or disable the rendering of this character? While they dont show up on some computers, they still leave a blank space similar to a tag, and it screws with the structure of the site.

Font misalignment during pdf to html conversion using pdf2htmlEx tool

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.

Cryptic symbols after closing </html> in Chrome

A Website running on Magnolia 4.4.9 works perfectly good in all Browsers except Chrome. In chrome, one page ends with a ton of cryptic characters. Page
When inspecting the code, I see that they're after the closing </html> statement, even in the original source code (right click -> show page source code). This problem persists on different OS' (Windows 7, Mac OS X, Ubuntu 13.04) and does not always create the same cryptic character sequence.
What could be a possible explanation for this behaviour? Could it be an encoding problem?
http://jira.magnolia-cms.com/browse/MAGNOLIA-3821
Upgrade to 4.4.10 or 4.5.7
HTH,
Jan
When comparing the source in Chrome and Safari on Mountain Lion, I noticed that p#copyright-magnolia has different content between browsers:
on Chrome, I see ... Intuitive CMS Software ...
On Safari, I see ... SEO-friendly CMS ...
Is there any configuration or code that could be causing different content to be sent out to different browsers?
Also, in Chrome, the Elements view of the Developer tools puts the garbage output right after the <!-- end wrapper --> comment and interprets the content, in part, as matched tags. Further, there is a div#a11y-hidden (and other content) right after the garbage and before the closing tags. However, I don't see div#a11y-hidden in the ordinary source view in Chrome or Safari.
Do you see the same thing?
These seem like clues to where the trouble is coming from.

Bad UTF character in DOCTYPE breaks page in IE

We have a search results page that worked fine but now, when viewed in IE9 it's forced into compatibility mode and breaks the layout (we don't support IE <9).
Some poking around seems to point to the opening < of the doctype being converted to an invalid unicode character, which is causing the IE grief. Why is this and what to do about it? I am at my wit's end here.
The rest of the site is fine, and this problem is only in IE. Firefox, Chrome, Safari all ok.
http://www.finecooking.com/search?cx=009096020989677304441%3Akkzh0x3f3yc&cof=FORID%3A9&ie=UTF-8&q=chicken
(you can also just search for anything)
It turned out one of the team members saved one of the includes for this page as UTF-8 WITH BOM, the BOM is that rogue character that broke the page. Resaving the file with no BOM fixed everything.
I can't tell you how many includes we had to check.