Poor anti-aliasing of text drawn on Canvas

My answer came from this link, maybe it will help someone else. http://www.html5rocks.com/en/tutorials/canvas/hidpi/ The important code is as follows. // finally query the various pixel ratios devicePixelRatio = window.devicePixelRatio || 1, backingStoreRatio = context.webkitBackingStorePixelRatio || context.mozBackingStorePixelRatio || context.msBackingStorePixelRatio || context.oBackingStorePixelRatio || context.backingStorePixelRatio || 1, ratio = devicePixelRatio / backingStoreRatio; // upscale the canvas if the … Read more

Font size in pixels

Point sizes are defined as 1/72 of an inch. That is, a 72-point font is approximately 1 inch from the lowest descent to the highest ascent. So the maximum height of a glyph in a 72pt font is about 1 inch. Apple’s iphone tech specs page claims that the iPhone currently has a resolution of … Read more

Force Non-Monospace Font into Fixed Width Using CSS

If this is for aligning digits in tables where some fonts (with traditional typography) render them by default with variable width (e.g. Segoe UI on Windows), you should look into CSS properties for: font-variant-numeric: tabular-nums; (this disables the proportional-nums default value for the numeric-spacing variant supported at least by OpenType fonts, and possibly by other … Read more

How is font size calculated?

Height is the Standard Measure Font height is measured or specified by the height of a line, which is the full height required to display the gamut of characters, including those that dip below the line, like j, and raised elements (accents on capitals, for instance) like Ê. (source: banzaimonkey.net) Fonts in order of appearance: … Read more

PDF bleed detection

Quoting from the PDF specification ISO 32000-1:2008 as published by Adobe: 14.11.2 Page Boundaries 14.11.2.1 General A PDF page may be prepared either for a finished medium, such as a sheet of paper, or as part of a prepress process in which the content of the page is placed on an intermediate medium, such as … Read more