In response to my report of font problems with Safari, Bob wrote: ======================= All JSmol is doing is setting the canvas.context.font using a simple string like "bold 12px Serif"
So perhaps some experimentation on your part with a simple canvas could fix that. ======================= I have now done quite a bit of experimentation with html5/canvas pages of my own (documentation available on request, but a test page is viewable at http://motif.gla.ac.uk/JSmolTest/canvasTextCheck.html). If things are as straightforward as indicated then the following should satisfy everyone: ctx.font = "12px Helvetica Neue, Arial, sans-serif"; and ctx.font = "bold 12px Helvetica Neue, Arial, sans-serif"; Windows browsers ignore Helvetica Neue (the current Mac OS default) and pick up Arial, the Windows default. If there is some way of testing this on a JSmol canvas I should be interested in trying it or seeing the result. However, there are two reasons I fear the problem may be more complex: 1. sans-serif renders fine on Mac OS Safari in the simple canvas test. It would appear to default to Helvetica or Helvetica Neue. I have not been able to reproduce the poor text or lack of normal/bold discrimination in the mockup. (If I specify a single non-existent font, then a serif face - Times I imagine - is chosen.) 2. The problem is *not* seen in Safari v. 5 (on Snow Leopard OSX 10.6), but on Safari v. 7 on the later Mavericks (10.9) and Yosemite (10.10). (Haven't got anything running Safari 6.) This suggests it is something to do with a change in the font rendering engine for Safari, although I have not been able to find anything specific from internet surfing. Why this should affect text on a canvas generated in JSmol and not that in a simple demo web page is not clear to me. (It is no better on a machine with a higher-resolution display.) When I use the web-kit inspector to look at the style of the div, id=jmol_appletdiv, that holds the canvas it has no font properties, and nor has the canvas itself. The web inspector reckons that a font-size 14px is inherited fromdiv#myJmol_appletinfotablediv but that the font face is inherited from my own markup. However I doubt the former (the size looks like 12px) and the latter is definitely not true - changing my own markup changes the face of the loading info, but doesn't touch the labels that appear on hover / mouseover. I'd like to get to the bottom of this, but I have gone ahead anyway and done a complete conversion of Motivated Proteins from the Jmol java applet to JSmol HTML5-only. It is at http://motif.gla.ac.uk/motif/index.html and you may wish to add it to the list of sites using JSmol on the Wiki. David ------------------------------------------------------------------------------ New Year. New Location. New Benefits. New Data Center in Ashburn, VA. GigeNET is offering a free month of service with a new server in Ashburn. Choose from 2 high performing configs, both with 100TB of bandwidth. Higher redundancy.Lower latency.Increased capacity.Completely compliant. http://p.sf.net/sfu/gigenet _______________________________________________ Jmol-users mailing list Jmol-users@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/jmol-users
