design of the typeface as much as possible, even at the cost of a little bit of blurriness. the shape of each letter should be hammered into pixel boundaries to prevent blur and improve readability, even at the cost of not being true to the typeface.
(ClearType applies only to TrueType-based web fonts) DirectWrite Core Text (with Quartz) Core Text (with Quartz) Core Text (with Quartz) GDI-Grayscale GDI-ClearType (ClearType applies only to TrueType-based web fonts) DirectWrite Sub-pixel (opaque background , normal orientation) also for Retina displays Sub-pixel (opaque background , normal orientation) also for Retina displays Grayscale sub-pixel (disabled by default) Fonts Hinting Sub-pixel (opaque background , normal orientation) also for Retina displays Sub-pixel (opaque background , normal orientation) also for Retina displays Grayscale sub-pixel (disabled by default)
LUPTON, THINKING WITH TYPE Between ideographic and non-ideographic text. - an en space (plain text) - 1/4 of an em space (InDesign) - auto space (CSS) - necessary ?
√ Mac OS / iOS (inter-ideograph only) Mac OS / iOS (inter-ideograph only) Mac OS / iOS (inter-ideograph only) * inter-word justify √ Windows (inter-word) Windows (inter-word) inter-ideograph only * inter-word justify inter-word | distribute http://codepen.io/mockee/pen/suGbI
are not allowed at the start of a line : !%),.:;?]}¢°’”‟›℃∶ɺɻʭʥ㽆〞﹚﹜ʂˋʣɼɽɿʀʁʧʩ not allowed at the end of a line : $(£¥﹙﹛ʬʪʮʰʤ㽅ᶸˈʢɽʦʨˊˇ http://en.wikipedia.org/wiki/Line_breaking_rules_in_East_Asian_languages not allowed at both ends of a line : “'‘ can't be separated: —…‥ https://github.com/mathiasbynens/unicode-data
Safari Wrapped with a span tag for each word, line break strategy becomes ineffective. word-break: break-all ⊗ ⇢ PROHIBITIONS ⊗ wrap word & punctuations ⾫ ⇣ new line breaking bug display: inline-block | run-in ⊗ √