Distorted characters in ie9 printing - printing

When printing our website's page from ie9, certain characters are consistently distorting themselves like so (should say "301 results"):
Capital B's, S's, and 8's are also uniformly distorted. I've found fixes for garbled and nonsense text, but fixing this sort of distortion is eluding me. Also, everything prints perfectly from Chrome, so it's not an issue with the printer.
We're using Angular on a Ruby on Rails base, if that matters.

Related

iOS custom font rendering issues with Umlaut glyphs

My app uses a custom font (by Linotype, i.e. a professional font). In UILabels as well as UITextViews and TextFields, composite glyphs like the German ö, ä and ü are rendered in incorrect size and weight.
I tried quite a lot from changing trying other fonts (which rendered as expected) to testing other font sizes, but always had this artifact.
Does anybody have a clue, what the problem with that font could be?
As a sidenote, the android app renders that same font just fine, which only hints that font rendering engines on the two platforms are likely different.
Here is an example (check the the ü-glyph):
I spent a lot of time trying to figure out the cause, but ignored the obvious: the string literal in the strings resource file was copied from another application (or a pdf I guess) and contained the composed characters in a kind of alternative way.
After retyping the text, which which contained odd characters, they were rendered perfectly fine!
I know it looks like I only wrote the question to answer it myself, but it is just a happy incident that I found the cause just now while going on examining the problem.

SVG does not display correctly, iOS Safari

I was supplied a logo for a website in .ai format, which I cropped and saved as SVG1.1, and placed this on multiple places on a friend's Shopify store.
Image in question (view this in Safari for iOS)
Screenshot of the image fault on the site: i.stack.imgur.com/HmsIB.png
Link to actual page here: bambooboss.com/pages/about-us
The "Panda Head" image under the first photo is half blacked out when viewed with Safari, latest version of iOS on my iPhone 5. While it looks quite cool, it's definitely not anything like my friend's original creative vision...
I tried another answer here on SO, where they tried surrounding all LinearGradient with <defs> tags, which I did to the current image - but to no avail...
Anyone have a clue what's going on? Is it compatibility? or did something go wrong while saving to SVG from .ai?
Change the following line to:
.st38{opacity:.08;fill:url(#XMLID_108_);}
i.e. remove the 8.00000e-02
also ... run this through an optimiser like SVGOMG ... if displayed at the small size this is far too complicated and large. Simplify all the gradients, maybe even merge them all into one. Should be able to get the ungzipped version down an order of magnitude from 35kb. Lovely logo though.

Bootsrap 3: How to get a printed version of docs - workaround

Often I will want printed versions of docs so I can read them in comfort, without straining my eyes reading text on a screen and sitting in an uncomfortable office chair for long periods of time.
Sometimes docs, like the Bootstrap docs, are important to be printed with the formatting / page css included (duh - it's Bootstrap), since that's what the docs are there for... to show you how to style things.
How do I get a printed copy of the bootstrap docs, for instance, the css page, while preserving the layout and styling?
I have found a somewhat inglorious workaround - when printing, choose A3 or Tabloid paper size with Landscape orientation. Also, you may need to print the entire page instead of just a region of text to get the formatting just right.
These paper sizes more closely resemble a monitor size / resolution, so the page will print with more of the CSS preserved as shown on a larger computer screen.
I would have answered this on the previously-asked question here, but it was Closed due to being "off-topic".

Highcharts: Inconsistent linebreaks on x-axis with IE8 (exporting)

I've got a slight issue with graph exporting in IE8.
As the title says, there seems to be some inconsistent behavior when it comes to linebreaks. As a result, the x-axis labels tend to overlap one another. This becomes more apparent when I increase the font size slightly.
Does anyone have any experience with this, or possibly any advice?
Note: Things work fine in Firefox and Chrome.

Why is my white space being stripped out from my HTML?

I have just noticed that my rails app is now stripping out all seemingly unnecessary white space from my fields. It never used to do this, and I have (perhaps foolishly) some javascript that is relying on this white space which is now not working.
How can I turn this off?
I've never seen Rails doing this. Perhaps your server is trying to minimize html and stripping out unnecessary whitespaces?

Resources