According to Mark Boulton's article Five simple steps to better typography - part 2, the text in bulleted lists should be left-aligned with the surrounding text; this is rarely the case on the web, but is easily achievable by using the following CSS style:

ul {
  list-style-position: outside;
  margin-left: 0px;
}

› = alt+b
‹ = alt+v
… = alt+.
– = alt+-
’ = option+m
” = alt+shift+m
“ = alt+shift+n

text-rendering: optimizeLegibility; // Improved handling of kerning pairs and ligatures
-webkit-font-smoothing: antialiased; // Make font look the same in Chrome & Safari

Kerning and ligature:

-webkit-font-feature-settings: "kern", "liga", "case";
-moz-font-feature-settings: "kern", "liga" , "case";
font-feature-settings: "kern", "liga", "case";